Meteor e manubri #each per iterare sull'oggetto

Question

Voglio utilizzare il manubrio #each con un oggetto che non è un array.

Come faccio? Ho bisogno che funzioni ancora con le funzioni speciali di Meteora con #each.

Il mio scopo è sotto forma di:

{ 
    john: "hello", 
    bob: "hi there" 
} 

Sto cercando di ottenere un output simile a questo:

<div>hello</div> 
<div>hi there</div> 

Answer 1

È necessario utilizzare un assistente nella vostra js per aiutare a comprendere manubri l'oggetto:

Aggiungi al vostro cliente js

Template.registerHelper('arrayify',function(obj){ 
    var result = []; 
    for (var key in obj) result.push({name:key,value:obj[key]}); 
    return result; 
}); 

E l'uso (è anche possibile utilizzare il tasto con {{name}}) nel tuo html:

{{#each arrayify myobject}} 
    <div title="hover here {{name}}">{{value}}</div> 
{{/each}} 

myobject deriva dal modello:

Template.templatename.helpers({ 
    myobject : function() { 
     return { john:"hello", bob: "hi there" } 
    } 
}); 

Answer 2

È possibile convertire il vostro oggetto in array con sottolineatura _.map

html:

<template name="test"> 
    {{#each person}} 
     <div>{{greeting}}</div> 
    {{/each}} 
</template> 

JS:

Template.test.helpers({ 
    person : function() { 
     return _.map(object, function(val,key){return {name: key, greeting: val}}); 
    } 
}); 

Answer 3

Si segnala per le persone trovare questo ora che il modo corretto di dichiarare Manubri soccorritori in Meteor stesura di questo documento è con il metodo UI.registerHelper al contrario di Handlebars.registerHelper. Quindi l'helper sopra dovrebbe apparire così:

UI.registerHelper("arrayify", function(obj){ 
    result = []; 
    for (var key in obj){ 
     result.push({name:key,value:obj[key]}); 
    } 
    return result; 
});