流星とハンドルバー＃オブジェクトごとに反復処理する

Question

ハンドルバー#eachを、配列ではないオブジェクトに使いたいです。

どうすればよいですか？私はまだ流星の特別な機能を#eachで動作させる必要があります。

私のオブジェクトは、の形態である：

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

私はこのような出力を取得しようとしている：あなたはハンドルを理解するために、あなたのjsでヘルパーを使用する必要が

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

Answer 1

をあなたのオブジェクト：

が

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

01 JSあなたのクライアントに追加

し、HTMLに（あなたも{{name}}でキーを使用することができます）を使用します。

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

myobjectは、あなたのテンプレートから来ている：

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

Answer 2

あなたはアンダースコア_.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

それはHandlebars.registerHelperとは対照的に、これを書いている時点では流星でハンドルバーヘルパーを宣言するための正しい方法はUI.registerHelper方法であることを、今、これを見つける人々のために注意すべきです。したがって、上記のヘルパーは次のようになります：

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