Meteor i kierownice #każ do iterowania nad obiektem

Question

Chcę użyć kierownicy #each z obiektem, który nie jest tablicą.

Jak to zrobić? Potrzebuję go do pracy ze specjalnymi funkcjami meteoru z #each.

Moim celem jest w formie:

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

próbuję dostać wyjście takiego:

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

Answer 1

Musisz użyć pomocnika w swoim js pomóc zrozumieć kierownice Twój przedmiot:

Dodaj do klienta js

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

i wykorzystania (można również użyć klawisza z {{name}}) w HTML:

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

myobject pochodzi z szablonu:

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

Answer 2

można przekonwertować obiekt do tablicy z podkreślenia _.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

Należy zauważyć ludziom znalezienie tego teraz, że poprawny sposób zadeklarować Kierownice pomocników w Meteor jak to pisze jest metodą UI.registerHelper w przeciwieństwie do Handlebars.registerHelper. Tak więc powyższy helper powinien wyglądać teraz tak:

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