开发者

Can I do a jquery-tmpl each over object properties

开发者 https://www.devze.com 2023-03-26 15:24 出处:网络
The template {{each}} directive works great for iterating over an array like this: var myArray = [\"a\",\"b开发者_JAVA技巧\",\"c\"];

The template {{each}} directive works great for iterating over an array like this:

var myArray = ["a","b开发者_JAVA技巧","c"];

I'm wondering if there is an equivalent for iterating over object properties, i.e.:

var myObj = {"propOne": "a", "propTwo": "b", "propThree": "c"};

I'd like a template that would let me output as

<ul>
  <li><span>propOne</span><span>a</span></li>
  .... etc

For bonus points I'd like to use this template from KnockoutJS.


Actually {{each}} will walk through properties on an object. You can do something like this:

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

Here is a sample in Knockout: http://jsfiddle.net/rniemeyer/rpMsM/

If you really want to use the foreach option of the template binding, then the only real option is to map the object to an array of objects with key/value properties. Something like this: http://jsfiddle.net/rniemeyer/rpMsM/1/


You can also use this

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

精彩评论

暂无评论...
验证码 换一张
取 消