是否有通过对象属性循环的胡子/把手的方式?

所以,

var o = {
  bob : 'For sure',
  roger: 'Unknown',
  donkey: 'What an ass'
}

然后,我可以在模板引擎中做一些等价的事情吗

for(var prop in o)
{
    // with say, prop a variable in the template and value the property value
}

?


当前回答

@Amit的回答很好,因为它将工作在胡子和把手。

至于只有句柄的解决方案,我已经看到了一些,我喜欢https://gist.github.com/1371586上的each_with_key块帮助器。

它允许您迭代对象字面量,而不必首先重新构造它们 它让你控制你所谓的关键变量。在许多其他解决方案中,你必须小心使用名为“key”或“property”的对象键。

其他回答

@Amit的回答很好,因为它将工作在胡子和把手。

至于只有句柄的解决方案,我已经看到了一些,我喜欢https://gist.github.com/1371586上的each_with_key块帮助器。

它允许您迭代对象字面量,而不必首先重新构造它们 它让你控制你所谓的关键变量。在许多其他解决方案中,你必须小心使用名为“key”或“property”的对象键。

它实际上很容易作为一个helper来实现:

Handlebars.registerHelper('eachProperty', function(context, options) {
    var ret = "";
    for(var prop in context)
    {
        ret = ret + options.fn({property:prop,value:context[prop]});
    }
    return ret;
});

然后这样使用它:

{{#eachProperty object}}
    {{property}}: {{value}}<br/>
{{/eachProperty }}

自Handlebars 1.0rc1以来的内置支持

Handlebars.js中已经添加了对该功能的支持,因此不再需要外部helper。

如何使用

数组:

{{#each myArray}}
    Index: {{@index}} Value = {{this}}
{{/each}}

对象:

{{#each myObject}}
    Key: {{@key}} Value = {{this}}
{{/each}}

注意,只有通过hasOwnProperty测试的属性才会被枚举。

我使用的是旧版本1.0.beta。6个把手,我想在1.1 - 1.3的某个时候添加了这个功能,所以更新到1.3.0解决了这个问题,下面是用法:

用法:

{{#each object}}
  Key {{@key}} : Value {{this}}
{{/people}}

感谢Ben的解决方案,我的用例只按顺序显示特定的字段

与对象

代码:

    handlebars.registerHelper('eachToDisplayProperty', function(context, toDisplays, options) {
    var ret = "";
    var toDisplayKeyList = toDisplays.split(",");
    for(var i = 0; i < toDisplayKeyList.length; i++) {
        toDisplayKey = toDisplayKeyList[i];
        if(context[toDisplayKey]) {
            ret = ret + options.fn({
                property : toDisplayKey,
                value : context[toDisplayKey]
            });
        }

    }
    return ret;
});

源对象:

   { locationDesc:"abc", name:"ghi", description:"def", four:"you wont see this"}

模板:

{{#eachToDisplayProperty this "locationDesc,description,name"}}
    <div>
        {{property}} --- {{value}}
    </div>
    {{/eachToDisplayProperty}}

输出:

locationDesc --- abc
description --- def
name --- ghi