Remplacement de Jade par ... en boucle avec les poignées

Question

J'ai besoin de convertir la liste de sélection Jade qui itère sur les statuts et affecte un statut à un compte dans le modèle Handlebars. Dans Jade, il ressemble à ceci:

select.form-control(name='status') 
    option(value='') -- choose -- 
    for status in data.statuses 
     option(value='#{status._id}') #{status.name} 

J'ai essayé de le faire avec #each comme celui-ci

<select name="status" class="form-control"> 
    <option value="">-- choose --</option> 
    {{#each statuses}} 
    <option value="{{this._id}}">{{this.name}}</option> 
    {{/each}} 
</select> 

mais il ne fonctionne pas parce qu'il est pas un tableau.

Y a-t-il un moyen de faire cela avec les guidons? Je vous remercie.

Answer 1

Vous pouvez voir cet exemple:

http://jsfiddle.net/bby5ynuw/

var source = $("#some-template").html(); 
var template = Handlebars.compile(source); 

var data = { 
    statuses:[ 
    {_id:1, name:'name1'}, 
    {_id:2, name:'name2'} 
    ], 
    statuses2:{ 
    o1:{_id:1, name:'name1'}, 
    o2:{_id:2, name:'name2'}, 
    o3:{_id:3, name:'name3'} 
    } 
}; 

$('body').append(template(data)); 

Les deux variantes (tableaux et d'objets) fonctionnent correctement avec votre modèle. Peut-être que vous définissez des statuts dans les guidons incorrects?