Puis-je faire une jquery-tmpl à chaque fois sur les propriétés de l'objet

Le modèle {{chaque}} directive fonctionne très bien pour une itération sur un tableau comme ceci:

var myArray = ["a","b","c"];

Je me demandais si il existe un équivalent pour itérer sur les propriétés de l'objet, c'est à dire:

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

Je voudrais un modèle de me laisser de sortie comme

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

Pour les points de bonus, je voudrais utiliser ce modèle de KnockoutJS.

source d'informationauteur Peter Wilkinson | 2011-08-09

  1. 11

    En fait {{chaque}} guidera à travers les propriétés d'un objet. Vous pouvez faire quelque chose comme ceci:

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

    Voici un exemple dans le knock-out: http://jsfiddle.net/rniemeyer/rpMsM/

    Si vous voulez vraiment utiliser le foreach option de la liaison de modèle, alors la seule option est de cartographier l'objet d'un tableau d'objets avec une clé/valeur des propriétés. Quelque chose comme ceci: http://jsfiddle.net/rniemeyer/rpMsM/1/

  2. 7

    Vous pouvez également utiliser cette

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