迭代通過在車把

Question

子元素作爲一個例子，我有以下數據集

dataset = {header: ' header' } 

    dateline = { content: 'list of dates' } 

    monday = [ 
     { food:'teacake' , drink:'orange' } 
     ] 

    tuesday = [ 
     { food:'eggs' , drink:'beer' } 
     ]  

    dateline.monday = monday 
    dateline.tuesday = tuesday 
    dataset.dateline = dateline 

我想要做的是使用手柄酒吧雖然天運行，我認爲這可以使用兒童來完成。

<script id="mwl707" type="text/x-handlebars-template">   
    {{#each dateline.children }} 
    <span>{{food}} : {{drink}}</span> 
    {{/each}} 
    </script> 

但我無法得到它的工作，請幫助嗎？ JSfiddle

Answer 1

我更新了你的小提琴所以它的工作原理：http://jsfiddle.net/AgCBb/1/

你不應該在[]括號再次包住對象週一和週二，這是一個不必要的額外水平來分析。只需在父對象中創建一個天數組，因爲在Handlebars中數組更容易解析。

dataset = {header: ' header' } // 
dateline = { content: 'list of dates' } 
monday = { "food":"teacake" , "drink":"orange" } 
tuesday = { "food":"eggs" , "drink":"beer" } 

dateline.days = [] 
dateline.days.push(monday) 
dateline.days.push(tuesday) 

然後，你可以這樣分析它：

{{#dateline.days }} 
    <span>{{food}} : {{drink}}</span> 
{{/dateline.days}} 

另外，還要確保你通過有效的JSON你的模板。如果不確定，你可能會檢查你的JSON http://jsonlint.com/

Answer 2

把手不提供內置方式來迭代對象的屬性。請參閱Handlebars/Mustache - Is there a built in way to loop through the properties of an object?。您可以使用Handlebars支持的方式來格式化數據，例如普通數組。我不會在這裏複製代碼，它在鏈接的文章中。

此外，你不應該把<script>標籤放在小提琴的javascript平原中。改爲使用External Resources部分。