ng-repeat不在数组上迭代(Ionic4 / Angular7)

Kar*_*ari 0 ionic-framework angular

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

我在mips.page.ts中声明:

mips = ["bla", "blub", "blubba"];
Run Code Online (Sandbox Code Playgroud)

在mips.page.html中,我可以执行以下操作:

<span>{{ mips[0] }}</span>
Run Code Online (Sandbox Code Playgroud)

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

<ion-item ng-repeat="mip in mips">
  {{ mip }}
</ion-item> 
Run Code Online (Sandbox Code Playgroud)

仅创建一项,并且为空。我要去哪里错了?

Pra*_*lan 5

在Angular中,您必须使用ngForOf结构性指令(*ngFor 进行迭代,因为ng-repeatAngularjs语法无法在Angular中使用。

<ion-item *ngFor="let mip of mips">
  {{ mip }}
</ion-item> 
Run Code Online (Sandbox Code Playgroud)