我试图在一个句柄模板中的数组中指定一个项目的索引:
{
people: [
{"name":"Yehuda Katz"},
{"name":"Luke"},
{"name":"Naomi"}
]
}
用这个:
<ul id="luke_should_be_here">
{{people[1].name}}
</ul>
如果上面是不可能的,我将如何编写一个助手,可以访问数组中的特定项目?
我试图在一个句柄模板中的数组中指定一个项目的索引:
{
people: [
{"name":"Yehuda Katz"},
{"name":"Luke"},
{"name":"Naomi"}
]
}
用这个:
<ul id="luke_should_be_here">
{{people[1].name}}
</ul>
如果上面是不可能的,我将如何编写一个助手,可以访问数组中的特定项目?
当前回答
{{#each array}}
{{@index}}
{{/each}}
其他回答
试试这个:
<ul id="luke_should_be_here">
{{people.1.name}}
</ul>
下面的代码,在索引前加一个点,就像预期的那样工作。在这里,当索引后跟另一个属性时,方括号是可选的:
{{people.[1].name}}
{{people.1.name}}
但是,在下列情况下需要使用方括号:
{{#with people.[1]}}
{{name}}
{{/with}}
在后者中,使用不带方括号的索引号将得到一个:
Error: Parse error on line ...:
... {{#with people.1}}
-----------------------^
Expecting 'ID', got 'INTEGER'
顺便说一句:括号(也)用于段-文字语法,用于引用实际的标识符(而不是索引号),否则这些标识符将无效。更多详细信息请参见“什么是有效标识符?”
(用YUI中的手柄测试)
2.xx更新
现在你可以使用get helper来完成以下操作:
(get people index)
尽管如果你得到一个关于索引需要是字符串的错误,请执行:
(get people (concat index ""))
在我的例子中,我想访问一个自定义helper中的数组,
{{#ifCond arr.[@index] "foo" }}
这并没有起作用,但是@julesbou建议的答案起作用了。
工作代码:
{{#ifCond (lookup arr @index) "" }}
希望这能有所帮助!欢呼。
如果未记录的功能并不是你的游戏,你也可以采用同样的方法:
Handlebars.registerHelper('index_of', function(context,ndx) {
return context[ndx];
});
然后在模板中
{{#index_of this 1}}{{/index_of}}
在我得到之前,我写了上面的内容
this.[0]
如果不自己写帮手,我不认为有人会用把手走得太远。
如果你想第一个/最后一个取,请试试这个。
{{#each list}}
{{#if @first}}
<div class="active">
{{else}}
<div>
{{/if}}
{{/each}}
{{#each list}}
{{#if @last}}
<div class="last-element">
{{else}}
<div>
{{/if}}
{{/each}}