ng-repeat不在数组上迭代（Ionic4 / Angular7）

Question

所以，这是我与Ionic和Angular合作的第一个项目。 我相信我正在做的事情确实很简单，但却无法正常工作。

我在mips.page.ts中声明：

mips = ["bla", "blub", "blubba"];

在mips.page.html中，我可以这样做：

<span>{{ mips[0] }}</span>

并获得正确的输出“ bla”。 但是当我尝试：

<ion-item ng-repeat="mip in mips">
  {{ mip }}
</ion-item> 

仅创建一个项目，它为空。 我要去哪里错了？

Answer 1

在Angular中，您必须使用ngForOf structural directive(*ngFor)进行迭代，因为ng-repeat是Angularjs语法，不适用于Angular。

<ion-item *ngFor="let mip of mips">
  {{ mip }}
</ion-item> 

Answer 2

Angular 7具有*ngFor关键字，以遍历Array和对象的集合。
因此请像这样将ng-repeat更改为*ngFor
<ion-item *ngFor="let mip of mips"> {{ mip }} </ion-item>