# 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"
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>