使用角度2显示索引列表中的数据

时间:2017-12-14 13:31:53

标签: angular ionic2 ionic3

如何在不使用*ngFor的情况下从列表中以HTML格式显示数据 例如,像list[5].name

我试过了:

PostList[5].{{def}}

{{PostList[5].def}}

2 个答案:

答案 0 :(得分:2)

在你的情况下{{PostList[5].def}}有效。

假设您的组件初始化了一个包含Object

的简单列表
export class AppComponent  {
  list = new Array<{name: string}>();

  constructor() {
    this.list[0] = {"name": "Martin"}
    this.list[1] = {"name": "Emma"}
    this.list[2] = {"name": "Daisy"}
  }
}

如果您想获得Emma,那么您的观点将是。

<p>
  {{list[1].name}}
</p>

//Output Emma

<强>更新 我想补充一点,如果例如list没有某个索引,例如索引大于2,或者该值为null。您可以使用html中的?运算符来保证安全。

因此,即使输出为空,{{list[3]?.name}}也不会使您的应用崩溃。

答案 1 :(得分:0)

如果组件中有{{PostList[5].def}}变量,那么

this.PostList应该有效(并且它是第6个元素是def对象的数组)