模板中的组件变量不可访问

Question

我有一个来自API的变量。我想在我的模板中显示它（在同一个组件中），但它只显示我这样的东西：

class foo:
   ....

这是我在模板中尝试的内容：

[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

我的代码有问题吗？或者也许在angular2中有一些我不知道的东西？

Answer 1

当您引用object时，object包含属性。因此，您必须使用object.property语法，如下所示

{{ i.airlineCode }) 

或者

{{ i.airlineLogoUrlPng }}

等等。