使用Angular 2从列表中显示数据

Question

如何在不使用*ngFor的情况下从列表中显示数据例如这样的list[5].name

我尝试了：

PostList[5].{{def}}
{{PostList[5].def}}

Answer 1

在您的情况下{{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中的?操作员安全。

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

Answer 2

{{PostList[5].def}}如果您的组件中的 this.PostList变量应起作用（这是一个数组，第六个元素是具有def的对象）