如何使用此Javascript對象製作精美模板？

Question

我想訪問此對象的所有屬性。

var country = { 
country: "US", 
states : [{ 
    state: "california", 
    capital: "sacramento" 
    }, 
    { 
    state: "texas" 
    capital: "austin" 
    }] 
}; 

我試過ff，但只能呈現國家值。

{{#each country}} 
    {{country}} 

    {{#each states}} 
     {{states.state}} {{states.capital}} 
    {{/each}} 
{{/each}} 

Answer 1

這是這是不正確的部分：

{{#each states}} 
    {{states.state}} {{states.capital}} 
{{/each}} 

由於states是一個數組，states.state並不意味着什麼 - 只是直接使用該屬性：

{{#each states}} 
    {{state}} {{capital}} 
{{/each}} 

順便說一句，這是經常一個好主意可以像這樣構造數據：

var country = { 
    name: "US", 
    states : [{ 
    name: "california", 
    capital: "sacramento" 
    }, 
    { 
    name: "texas" 
    capital: "austin" 
    }] 
}; 

換句話說，states中的物品是具有name屬性的物品 - 物品是的狀態，它不具有有有state屬性。我過去經常做這種事情，並後悔，因爲那麼你在代碼中發現了對state.state的混淆！

Answer 2

正試圖就好像它是一個數組遍歷country，但在你的例子，這只是一個普通的對象。在這種情況下，這個http://jsfiddle.net/ns8f8mwa/將打印該對象。 如果你想先循環每個國家，那麼各州，這http://jsfiddle.net/jgmbu7wr/就是一個例子。