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

Sam*_*amo 8 javascript meteor spacebars

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

<h1>{{article.title}}</h1>
Run Code Online (Sandbox Code Playgroud)

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

<template name="content">
  {{#if item}}
    <p>{{item.name}}</p>
  {{/if}}
</template>
Run Code Online (Sandbox Code Playgroud)

这是返回项目的JavaScript:

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

是的,该项确实有一个名为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; 
Run Code Online (Sandbox Code Playgroud)

在错误发生时,ret引用该window对象.那是怎么回事?

小智 17

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

如果您的对象是这样的:

my_object = {
    name : 'my_name',
    prop : 'my_prop'
}
Run Code Online (Sandbox Code Playgroud)

在您的模板中,您可以:

<template name="my_template">
    {{#with my_object}}
        <p>Name is {{name}}<p>
        <p>Prop is {{prop}}</p>
    {{/with}}
</template>
Run Code Online (Sandbox Code Playgroud)

干得好 :)

  • 我只想补充一点,使用http://tryHandlebarsjs.com网站(粘贴一些JSON和你的模板)可能是找出这种情况下出错的最快方法之一.然后,你只关注你的模板和数据,没有任何其他可能出错的数据. (4认同)