javascript - 如何从模板访问对象的属性？

Question

根据 http://handlebarsjs.com/expressions.html ，我应该能够做到这一点:

<h1>{{article.title}}</h1>

但我似乎无法让它在 meteor 中工作。这是我的模板:

<template name="content">
  {{#if item}}
    <p>{{item.name}}</p>
  {{/if}}
</template>

这是返回项目的 JavaScript:

  Template.content.item = function() {
    return Items.findOne({ _id: Session.get("list_id") });
  };

是的，该项目确实有一个名为 name 的属性 :-)

当我这样做时，我在 Firebug 中看到一个错误，提示 ret is undefined

这可以追踪到 evaluate.js:

for (var i = 1; i < id.length; i++)
  // XXX error (and/or unknown key) handling
  ret = ret[id[i]];
return ret; 

在发生错误时，ret 引用了 window 对象。这是怎么回事？

Answer 1

你应该使用{{#with object}}

如果你的对象是这样的:

my_object = {
    name : 'my_name',
    prop : 'my_prop'
}

在你的模板中你可以做:

<template name="my_template">
    {{#with my_object}}
        <p>Name is {{name}}<p>
        <p>Prop is {{prop}}</p>
    {{/with}}
</template>

给你:)