ng重复没有迭代阵列(ionic4/angular7)

Question

所以，这是我的第一个带有离子和角度的项目。我相信我正在做一些非常简单的事情，但它行不通。

在我的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结构指令（*ngFor）进行迭代，因为ng-repeat是Angularjs语法，它无法与Angular一起使用。

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

Answer 2

Angular 7具有*ngFor关键字可以通过收集数组和对象循环。
因此，请像这样更改ng-repeat的CC_4
<ion-item *ngFor="let mip of mips"> {{ mip }} </ion-item>