javascript - 无法在meteorjs 中的帖子中添加评论

Question

不知何故，我无法向特定帖子添加评论。评论未插入到 mongo 数据库中。

Comments = new Mongo.Collection('comments');
Template.comments.helpers({
    'comment': function(){
        console.log(this._id);
        return Comments.find();

    }
});
Template.addComment.events({
        'click button':function(event){
            event.preventDefault();
            var madeBy = Meteor.user().username;
            var comment = document.getElementById('mycomment').value;
            var currentPost = this._id;


            Comments.insert({
                comment:comment,
                createdAt:new Date(),

                madeBy:madeBy,

            });
            document.getElementById('mycomment').value='';
        }
    });

评论页面的HTML代码是:

<template name="comments">
    <h2><b>{{name}}</b></h2>

    {{> addComment}}
    <ul>
        {{#each comment}}
            <li>{{comment}}</li>
        {{/each}}
    </ul>
</template>


<template name='addComment'>
<input type='text' placeholder='Add comment here' name='comment' id ='mycomment'>
<button class="btn btn" type="button" id='btn'>Comment</button>
</template>

这里的{{name}}指的是发表评论的帖子的名称。请帮帮我。谢谢。

Answer 1

您应该将表单元素放在您的addComment模板上；

    <template name='addComment'>
    <form class="add-Comment">
    <input type='text' placeholder='Add comment here' name='comment' id ='mycomment'>
    <button class="btn btn" type="button" id='btn'>Comment</button>
    </form> 
    </template>

然后在你的js文件中:

Template.addComment.events({
  'submit .add-Comment': function(event){
   ...  
  return false;
  }
});