我可以在对象属性上做一个 jquery-tmpl 吗答案

【问题标题】：Can I do a jquery-tmpl each over object properties我可以在对象属性上做一个 jquery-tmpl 吗
【发布时间】：2011-10-22 20:46:31
【问题描述】：

模板 {{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 的这个模板。

【问题讨论】：

【解决方案1】：

你也可以用这个

{{each myObj}}
      <li><span>${$index}</span> - <span>${$value}</span></li>
{{/each}}

【讨论】：

【解决方案2】：

实际上 {{each}} 将遍历对象的属性。你可以这样做：

{{each(prop, val) myObj}}
      <li><span>${prop}</span> - <span>${val}</span></li>
{{/each}}

如果您真的想使用模板绑定的foreach 选项，那么唯一真正的选择是将对象映射到具有键/值属性的对象数组。像这样的东西：http://jsfiddle.net/rniemeyer/rpMsM/1/

【讨论】：