把手嵌套对象

时间:2013-08-20 17:43:26

标签: backbone.js handlebars.js template-engine javascript-objects

我使用的是带有嵌套模型的backbone.js。这个想法是自包含作者的所有属性,以及在帖子和评论上重复使用作者模型。至少在理论上这是有意义的我会想。

然而,像这样设置我遇到了如何用Handlebars检索不同值的困惑。把手不喜欢从我读过的东西中传递物品。我可以使用{{#each}}轻松检索{{status}}中的状态,但自然会{{author.name}}无效。

我已经看过使用Helper了,但是你可以看到我有嵌套在里面的注释,这将有另一个作者嵌套在里面。我不相信帮助者内部的助手会起作用。

这是从Chrome控制台中提取的示例对象。

Object {items: Array[2]}
    +items: Array[2]
        +0: Object
            +author: child
                _changing: false
                _pending: false
                _previousAttributes: Object
                +attributes: Object
                    name: "Amy Pond"
                    profileImage: "Amy.jpg"
                    __proto__: Object
                changed: Object
                cid: "c0"
                __proto__: Surrogate
            comments: child
            id: "50f5f5d4014e045f000001"
            status: "1- This is a sample message."
            __proto__: Object
        +1: Object
            author: child
            comments: child
            id: "50f5f5d4014e045f000002"
            status: "2- This is another sample message."
            __proto__: Object
            length: 2
            __proto__: Array[0]
            __proto__: Object

我的组织中是不正确的,还是有更好的方法来处理多维数据?或者Handlebars是否有一个很好的方法来获取每个值?

如果有更强大的模板引擎,我可以打开选项。

1 个答案:

答案 0 :(得分:6)

似乎问题在于您将Backbone模型直接放入模板中,但您必须首先使用model.toJSON()将其转换为JSON对象。或者您尝试访问author.attributes.name

来自docs

  

Handlebars还支持嵌套路径,可以查找   属性嵌套在当前上下文之下。

<div class="entry">
  <h1>{{title}}</h1>
  <h2>By {{author.name}}</h2>

  <div class="body">
    {{body}}
  </div>
</div>
  

该模板适用于此上下文

var context = {
  title: "My First Blog Post!",
  author: {
    id: 47,
    name: "Yehuda Katz"
  },
  body: "My first post. Wheeeee!"
};