angular - Ionic 3 ngFor 离子选项值错误

Question

i'm building a crud app with ionic 3, the app is working, but i have a problem with the ion-select, it's supposed to load the categories from the database and it does that, but when select an option throws this error:

这是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;
})
}

我不知道怎么了，我是菜鸟，谢谢建议
控制台中的数据看起来像这样

Answer 1

在您的代码中，您将选定的选项绑定到您用来迭代的类别。因此，将您的绑定更改为任何其他值 ex : selectedCategoria 并在您的 ts.xml 中声明它。

html: <-- 将类别更改为 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>