如何从模板访问对象的属性?

时间:2012-04-19 18:44:40

标签: javascript meteor spacebars

根据http://handlebarsjs.com/expressions.html,我应该可以这样做:

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

但我似乎无法让它在流星中发挥作用。这是我的模板:

<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对象。怎么了?

1 个答案:

答案 0 :(得分:17)

您应该使用{{#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>

你走了:))