我正在使用Mustache并使用数据
{ "names": [ {"name":"John"}, {"name":"Mary"} ] }
Run Code Online (Sandbox Code Playgroud)
我的小胡子模板是:
{{#names}}
{{name}}
{{/names}}
Run Code Online (Sandbox Code Playgroud)
我想要做的是获得数组中当前数字的索引.就像是:
{{#names}}
{{name}} is {{index}}
{{/names}}
Run Code Online (Sandbox Code Playgroud)
打印出来
John is 1
Mary is 2
Run Code Online (Sandbox Code Playgroud)
是否可以使用Mustache获得此功能?或使用把手或其他扩展?
在初始页面加载时,我们正在加载一个带有新闻源的大型json数据对象.我们正在使用Mustache.js并列出所有新的Feed标题,它们运行良好.
我们有一个div区域来显示onClick新闻项的详细信息.由于我们已经加载了数据,我需要传递当前项的索引(数组索引)来获取我们需要获取详细信息的新闻项.
{{#Data}}
<li>
{{eventName}}<br />
{{eventLocName}}<br />
{{eventLocCity}}, {{eventLocST}}
</li>
{{/Data}}
Run Code Online (Sandbox Code Playgroud)
我想添加一个id
{{#Data}}
<li id='{{Data.index}}'>
{{eventName}}<br />
{{eventLocName}}<br />
{{eventLocCity}}, {{eventLocST}}
</li>
{{/Data}}
Run Code Online (Sandbox Code Playgroud)
将数组索引导入Mustache.js模板的语法是什么?
更新/工作
一旦我results进入DOM,我使用以下JS将' index' 添加到每个数组项中.(选择下面的代码帮助)
for (i in result)
result[i].index = i;
Run Code Online (Sandbox Code Playgroud)