如何在IONIC4中填充ION-SELECT

时间:2018-12-22 20:46:14

标签: angular ionic4

我想用一个已选择的选项填充一个选择,并且视图仅显示与未选择的选项类似的视图。我通过Symfony上的API REST获取对象。对不起,我的英语,谢谢。

这是我收到对象时控制台向我显示的内容:

Array(2)
0:
    actividad: "Musculacion"
    id: "1"
    nombre: "2 Días"
    __proto__: Object
1:
    actividad: "Musculacion"
    id: "2"
    nombre: "Libre"
    __proto__: Object

我试图用静态值做同样的事情,它的工作也很好。我不知道我看不到什么,也许问题出在对象或数据类型。

<ion-select name="frecuencia_id" #frecuencia_id="ngModel" [(ngModel)]="inscripcion.frecuencia_id">
    <ion-select-option value="1">2 Días</ion-select-option>
    <ion-select-option value="2">Libre</ion-select-option>
</ion-select>

这是我的代码:

<ion-select name="frecuencia_id" #frecuencia_id="ngModel" [(ngModel)]="inscripcion.frecuencia_id">
    <ion-select-option *ngFor="let f of frecuencias" value="{{f.id}}">{{f.nombre}}</ion-select-option>
</ion-select>

1 个答案:

答案 0 :(得分:0)

为您的选项之一提供selected属性。像这样:

<ion-select-option *ngFor="let f of frecuencias"
  [value]="f.id"
  [selected]="f.id === '1'">
    {{ f.nombre }}
</ion-select-option>