在MEAN.JS文章中添加评论

Question

I am new to MEAN stack, I am using MEAN.JS , which setup my authentication, account management and a CRUD Module for articles, how do i add comments to these articles? Having a tough time to get this. Thanks for the help

Answer 1

In order to add comments to your MEAN.js Article example you need to do the following steps:

1. In the file app/models/article.server.model.js add:

   comment: { type: String, default: '', trim: true },

2. In the file public/modules/articles/views/create-article.html add:

   <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"></textarea> </div> </div>

3. In the file public/modules/articles/controllers/articles.client.controller.js adjust the create function to be:

   var article = new Articles({ title: this.title, content: this.content, comment: this.comment });

4. In the file public/modules/articles/views/view-article.client.view.html add this just before the closing section tag:

   <p data-ng-bind="article.comment"></p>

This is it, now you have a new field comment for each article. What you should do now, and I hope it's clear form these instructions here, is alter the editing part of the articles.

Hope this helps, good luck with MEAN.js. And, since you mentioned a tutorial, you're free to take a look this tutorial series .