请使代码ngFor为angular2工作

Question

我有一个ngFor，一个为Grocery项目编写的for循环。我从一个网站上解释了ngFor over ngRepeat的代码片段。我只是复制粘贴它。但它似乎不起作用。它使用接口，@ Component和导出默认类。你也可以解释一下。请帮忙。

a.b

Answer 1

您可以查看Angular 2官方文档。以下是如何在html组件或模板[1]中使用ngFor：

<ul>
<li *ngFor="let hero of heroes">
  {{ hero }}
</li>

[1] https://angular.io/guide/displaying-data

Answer 2

你应该看一下棱角分明的官方文档。 看一下这个stackBlitz

问题中有几点需要注意。将trackByGrocery更改为函数

trackByGrocery = (index, grocery) => grocery.id;

并在使用之前声明selectedGrocery。