如何在对象数组中与* ngFor循环？

Question

我正在学习Angular2，所以如果我问一个愚蠢的问题，请原谅我。我接收到一组对象，看起来像这样：

obj.json

data: [
        {
           item: "banana"
        }
     ],
     [
        {
           item: "apple"
        }
     ],
     [
        {
           item: "lemon"
        }
     ]

在我的组件文件中，我设法将其范围限制在范围内：

this.fruits = data[0].item;

问题是我只能按索引确定第一项或第二项的范围，依此类推。如何将它们全部确定范围，然后用显示在HTML文件中*ngFor？

Answer 1

您的数组不是有效的JavaScript。假设您的数据实际上如下所示：

data: [
        {
           item: "banana"
        },
        {
           item: "apple"
        },
        {
           item: "lemon"
        }
     ]

然后，您将像这样遍历数据：

<li *ngFor="let fruit of data">
   <b> {{fruit.item}} </b>           
</li>