Angular 2：嵌套 *ngFor JSON 数据

Question

我有一些 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>

提前感谢您的帮助。

Answer 1

我想你想做的是：

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

Answer 2

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

Angular 2: Nested *ngFor JSON data