模板 {{each}} 指令非常适合迭代数组,如下所示:
var myArray = ["a","b","c"];
我想知道是否有等效的对象属性迭代,即:
var myObj = {"propOne": "a", "propTwo": "b", "propThree": "c"};
我想要一个可以让我输出的模板
<ul>
<li><span>propOne</span><span>a</span></li>
.... etc
为了获得奖励积分,我想使用 KnockoutJS 的这个模板。
实际上,{{each}} 将遍历对象的属性。你可以这样做:
{{each(prop, val) myObj}}
<li><span>${prop}</span> - <span>${val}</span></li>
{{/each}}
这是淘汰赛中的一个示例:http://jsfiddle.net/rniemeyer/rpMsM/ http://jsfiddle.net/rniemeyer/rpMsM/
如果你真的想使用foreach
模板绑定的选项,那么唯一真正的选择是将对象映射到具有键/值属性的对象数组。像这样的事情:http://jsfiddle.net/rniemeyer/rpMsM/1/ http://jsfiddle.net/rniemeyer/rpMsM/1/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)