首页 文章

Ionic 3 ng For ion-option value error

提问于
浏览 次
1

我'm building a crud app with ionic 3, the app is working, but i have a problem with the ion-select, it'应该从数据库中加载类别
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

angular ionic-framework

1 回答

  • 2

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

    html：< - 将categoria更改为selectedCategoria - >

    <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>
    回复于

相关问题