Ionic:如何创建数据绑定列表视图?

时间:2017-11-03 06:32:10

标签: angular typescript ionic-framework

Android有RecyclerView,WPF有ListView等。我认为Ionic等效可能是ion-list。如果我有一个字符串列表,例如

Animals:string[] = ["Dog", "Cat", "Human", "Crab"];

如何将其绑定到离子列表并显示四个项目?我尝试了以下方法,但它没有用。

<ion-list [(ngModel)]="Animals"/>
</ion-list>

1 个答案:

答案 0 :(得分:2)

你应该试试这段代码,

 <ion-list>
        <ion-item *ngFor="let item of Animals">
          {{item}}
        </ion-item>
      </ion-list>

这是组件文件中的字符串类型数组

Animals:string[] = ["Dog", "Cat", "Human", "Crab"];