オブジェクト内のオブジェクトのプロパティをAngular2で表示する方法

Question

StateFirdなどのプロパティを持つUSAFactsというオブジェクトと、StateBirdに関するプロパティを持つStateBirdなどのオブジェクトがあります。 JSONで

USAFactsの記録は次のようになります。

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

私は

{{ USAFacts?.StateName }} 

を使用してAngular2でステート名のプロパティをacesssすることができますどのように私は状態の鳥の名前にアクセスすることができますか？

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

のが、オブジェクトの配列で未定義の「名前」

Answer 1

を読み取ることができないと言ってクロームでエラーを取得しています：私はこのようにそれを行うことを試みました

プロパティ名に特殊文字を使用しないでください。あなたのJSONで

StateBird

でState-Birdを交換し、あなたが最初の配列StateBirdにアクセスする必要があるNameプロパティにアクセスします。

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

しかし、あなたは特殊文字を使用したい場合は、あなたが変更することなく、そのプロパティにアクセスするためのブラケット表記を使用することができ、それは名前

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

Answer 2

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

のプロパティ/ sの