Ionic 3 ng For ion-option value error

时间:2018-05-31 04:41:06

标签: angular ionic-framework

我正在用离子3构建一个crud应用程序,该应用程序正在运行,但是我对离子选择有问题,它应该从数据库中加载类别 enter image description here
它会这样做,但是当选择一个选项时会抛出此错误:

enter image description here


这是html代码:

<ion-select [(ngModel)]="categoria" id="categoria" name="categoria"okText="OK" cancelText="Cancelar">
<ion-option *ngFor="let categ of categoria" [value]="categ.id">{{categ.nombre_categoria }}</ion-option>
</ion-select>


这是功能

getCategoria(){
this.NETP.categoria().then(
data=>{
this.categoria = data;
})
}


我不知道什么是错的,我是个菜鸟,谢谢你的建议
控制台中的数据如下所示

enter image description here

1 个答案:

答案 0 :(得分:2)

在您的代码中,您将选择的选项绑定到您曾经用于迭代的categoria。因此,将绑定更改为任何其他值ex:selectedCategoria并在您的ts中声明它。

HTML:      &lt; - 将categoria更改为selectedCategoria - &gt;

 <ion-select [(ngModel)]="selectedCategoria" id="categoria" 
  name="categoria"okText="OK" cancelText="Cancelar">
  <ion-option *ngFor="let categ of categoria" [value]="categ.id"> 
     {{categ.nombre_categoria }}
  </ion-option>
</ion-select>