Переменная компонента в шаблоне недоступна

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

Поскольку вы имеете в виду объект, объект содержит свойства. Таким образом, вы должны использовать object.property синтаксис как последуйте,

{{ i.airlineCode }) 

Или

{{ i.airlineLogoUrlPng }} 

и так далее.