Angular 2:嵌套* ngFor JSON数据

时间:2017-02-13 12:49:40

标签: json angular ngfor

我将一些JSON数据结构化为:

[{"x":"Example1", "y":["1","2","3"],"id":"one"},{"x":"Example2", "y":["11","12","13"],"id":"two"}]

我正在尝试绑定数据,因此显示:


1 2 3

两个
11 12 13

我很确定我这样做完全错了,但似乎无法理解它......!我可以使用{{item.y[0]}}获得结果,但无法执行此嵌套*ngFor

  <ion-item *ngFor="let item of Data">
    <h2>{{item.id}}</h2>
    <h3 *ngFor="let y of item">{{item.y}}</h3>
  </ion-item>

提前感谢您的帮助。

2 个答案:

答案 0 :(得分:2)

我认为你要做的是以下几点:

<h3 *ngFor="let y of item.y">{{y}}</h3>

答案 1 :(得分:0)

<ion-item *ngFor="let item of Data">
    <h2>{{item.id}}</h2>
    <h3 *ngFor="let y of item.y">{{y}}</h3>
</ion-item>