如何在Angular2中的對象中顯示對象屬性

Question

我有一個名爲USAFacts的對象，具有諸如StateName之類的屬性和諸如具有關於狀態鳥屬性的State-Bird之類的對象。

在JSON USAFacts的記錄是這樣的：

{"StateName": PA, "State-Bird": [ { "Name": Ruffed grouse, "YearDesignated": 1931, "ScientificName": "Bonasa umbellus"}]} 

我可以用

{{ USAFacts?.StateName }} 

如何才能獲得州鳥的名稱acesss在Angular2的Statename的財產？我一直試圖做這樣的：

{{USAFacts?.State-Bird.Name }} 

，但我得到一個錯誤在Chrome說不能讀/未定義「名稱」

Answer 1

請勿在屬性名稱中使用特殊字符。

在你JSON與StateBird

更換State-Bird並訪問Name屬性，您需要先訪問陣列StateBird。

{{USAFacts?.StateBird[0].Name}} 

但是，如果你想使用特殊字符，你可以使用括號記號來訪問該屬性不改變它的名字

{{USAFacts?["State-Bird"][0].Name}} 

Answer 2

{{USAFacts?.State-Bird[0].Name }} 

的屬性，它是對象的數組S