テンプレートのコンポーネント変数にアクセスできない

Question

私はAPIから得た変数を持っています。私は（同じコンポーネントで）私のテンプレートでそれを表示したいが、それだけで私にこのような何かを示しています

[object Object] 
[object Object] 
[object Object] 
[object Object] 
[object Object] 
[object Object] 
[object Object] 
[object Object] 
[object Object] 
[object Object] 
[object Object] 
[object Object] 
[object Object] 
[object Object] 
[object Object] 
[object Object] 
[object Object] 
[object Object] 
[object Object] 
[object Object] 
[object Object] 
[object Object] 
[object Object] 
[object Object] 
[object Object] 
// 
// 
// // // 
// 
// 
// 

これは私が私のテンプレートにしようとするものである：

<div *ngFor="let item of airport"> 
    <div *ngFor="let i of item"> 
     {{ i }} 
    </div> 
</div> 

しかし、私がしようとすると、 console.logで変数を印刷するには、値は私が期待だけのようです：

// code 
console.log(this.airport); 
console.log(this.airport[0]); 
console.log(this.airport[0][0]); 
console.log(this.airport[0][0]['airportCode']); 
console.log(typeof this.airport[0][0]); 

// output 
Array [ Array[51], Array[47] ] 
Array [ Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, 41 more… ] 
Object { airlineCode: "JT*", airlineLogoUrlPng: "http://d3brl4nqahsb3e.cloudfront.ne…", airlineLogoUrlSvg: "http://d3brl4nqahsb3e.cloudfront.ne…", airlineName: "Lion Air", airportCode: "BPN", airportName: "Sultan Aji Muhamad Sulaiman Airport", city: "Balikpapan", currentDate: "11/04/2016", currentGateDate: "11/04/2016", currentGateTime: "19:05", 31 more… } 
BPN 
Object 

は私のコードに何か問題はありますか？それとも、私がangular2で知らない何かがありますか？

Answer 1

オブジェクトを参照するとき、オブジェクトにはプロパティが含まれています。だからように、従うよう

{{ i.airlineCode }) 

それとも

{{ i.airlineLogoUrlPng }} 

をobject.property構文を使用する必要があります。