如何在Angular2中的对象中显示对象属性

Question

我有一个名为USAFacts的对象，其中包含StateName等属性以及State-Bird等具有状态鸟属性的对象。

在JSON中，USAFacts的记录如下：

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

我可以使用

访问Angular2中的StateName属性

{{ USAFacts?.StateName }}

如何获取州鸟的名字？我试过这样做：

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

但我在chrome中遇到错误，说无法读取未定义'Name'的属性

Answer 1

不要在属性名称中使用特殊字符。

在 JSON 中将State-Bird替换为StateBird

要访问Name属性，您需要先访问数组StateBird。

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

但是，如果您想使用特殊字符，可以使用括号表示法访问该属性而不更改其名称

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

Answer 2

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

那是object / s的数组