Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 爱奥尼亚:如何创建数据绑定列表视图?_Angular_Typescript_Ionic Framework - Fatal编程技术网

Angular 爱奥尼亚:如何创建数据绑定列表视图?

Angular 爱奥尼亚:如何创建数据绑定列表视图?,angular,typescript,ionic-framework,Angular,Typescript,Ionic Framework,Android有回收视图,WPF有列表视图,等等。我认为离子等价物可能是离子列表。如果我有一个字符串列表,例如 Animals:string[] = ["Dog", "Cat", "Human", "Crab"]; Animals:string[] = ["Dog", "Cat", "Human", "Crab"]; 如何将其绑定到离子列表并显示这四项?我试过以下方法,但不起作用 <ion-list [(ngModel)]="Animals"/> </ion-list>

Android有<代码>回收视图,WPF有<代码>列表视图,等等。我认为离子等价物可能是<代码>离子列表。如果我有一个字符串列表,例如

Animals:string[] = ["Dog", "Cat", "Human", "Crab"];
Animals:string[] = ["Dog", "Cat", "Human", "Crab"];
如何将其绑定到离子列表并显示这四项?我试过以下方法,但不起作用

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

您应该试试这段代码

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

你应该试试这个代码

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