我正在用离子3构建一个crud应用程序,该应用程序正在运行,但是我对离子选择有问题,它应该从数据库中加载类别
它会这样做,但是当选择一个选项时会抛出此错误:
这是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;
})
}
我不知道什么是错的,我是个菜鸟,谢谢你的建议
控制台中的数据如下所示
答案 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>