使用Blaze和Spacebars访问Meteor应用程序中的嵌套对象

Question

我正在做一个用于教育目的的Meteor项目。它是一个博客，其中包含帖子列表页面和帖子详细信息页面，登录用户可以在其中添加评论。免责声明：在项目中我不能使用简单的模式，我不会使用pub / sub方法。我正在使用iron-router和accounts-password包进行用户身份验证。

第1步

我＆＃39;设置基本的应用程序布局和基本路由：

Router.route('/posts', function () {
  this.render('navbar', {
  to:"navbar"
  });
 this.render('post_list', {
    to:"main"
  });
});
Router.route('/post/:_id', function () {
  this.render('navbar', {
  to:"navbar"
});
  this.render('post_detail', {
  to:"main", 
data:function(){
  return Posts.findOne({_id:this.params._id})

  }
  });

第2步

我创建了一个包含评论表单的帖子详细信息视图。找到以下代码：

<template name="post_detail">
  <div class="container">
  <p>Title: {{title}}</p>
  <h5>Description: </h5>
  <p>{{description}}</p>
  <h4>Comments</h4>
   <ul>
    {{#each comment in comments}}
    <li>{{comment}}</li>

    {{/each}}   
   </ul>
    {{>comments}}
</div>
</template>

<!-- Comments -->

<template name="comments">

<form class="js-add-comment-form">
<input type="text" id="comment" class="form-control"/>
<button type="submit" class="btn btn-default js-add-comment">Add a comment</button>
</form>

第3步

我已在评论模板中添加了一个事件助手，以便添加用户评论。表单采用评论和用户ID。请参阅以下代码：

 Template.comments.events({
'submit .js-add-comment-form': function(event) {
  event.preventDefault();
  var comment = event.target.comment.value;
  console.log(comment);
  var user = Meteor.userId();
  var email = Meteor.user().emails[0].address;
  console.log(email)
  console.log(user);
  if (Meteor.user()){
      Posts.update(
        {_id: this._id},
        {$push: {comments: {comments:comment, user}}});

        event.target.comment.value = "";           
    }
   }
  });

在浏览器中找到下面的帖子详情视图：

我已插入一些评论但我无法在页面上显示。相反，我得到每个评论和用户ID的Object对象。如果我去控制台这是我的对象：

如何访问这些对象并在页面上显示这些字段值（注释和用户）？有帮助吗？谢谢桑德罗。

Answer 1

这种情况正在发生，因为{{comment}}本身就是一个对象。以下是一些示例代码，用于显示消息属性：

synchronize

如果您想按照上面的示例获取用户的电子邮件地址，您需要添加模板助手：

<template name="post_detail">
  <div class="container">
  <p>Title: {{title}}</p>
  <h5>Description: </h5>
  <p>{{description}}</p>
  <h4>Comments</h4>
   <ul>
    {{#each comment in comments}}
    <li>{{comment.comments}} | {{emailForUser comment.user}}</li>

    {{/each}}   
   </ul>
    {{>comments}}
</div>
</template>