How to add component to project based on AngularJS

I have an article component and I have to add to this component a possibility to comment articles. Comments come only with authorization, also they shoud be enable for editing and deleting.

I know I have to create some controllers for comment component, but I never worked with AngularJS. Should I make different directive for this component with its own controllers and just put into article component?

I’ve tried to add this comment component strictly to article, but I think its wrong

also i added this as I found this as a solution from one of the comments here

var article = new Article({
    title: this.title,
    content: this.content,
    comment: this.comment
 });
<div class="form-group">
    <label class="control-label" for="comment">Comment</label>
    <div class="controls">
      <textarea name="comment" data-ng-model="comment" id="comment"
                class="form-control" cols="30" rows="10"
                placeholder="Comment"ui-sref="add-comment"
                ui-sref-active="active">
      </textarea>
    </div>
    <button class="btn" type="submit"ui-sref="save-comment" 
            ui-sref-active="active">
      Save
    </button>
    <button ng-click="edit()" ui-sref="edit-comment"
            ui-sref-active="active">
      Edit
    </button>
    <button ng-click="delete()" ui-sref="delete-comment"
            ui-sref-active="active">
      Delete
    </button>
</div>

<p class="lead" ng-bind="vm.article.content"></p>
<p data-ng-bind="article.comment"></p>

Source: AngularJS