Question

我对此感到非常困惑，我想要做的就是展示一个预选的＆＃34;＆＃34;我在离子应用程序中使用ngFor angular指令创建的动态选项列表中的选项

现在我有了这个

  <ion-item>
    <ion-label>Number of Guests</ion-label>
    <ion-select>
      <ion-option *ngFor="let person of gests" value="{{person.id}}" selected="{person.id[2]}">{{person.id}}</ion-option>
    </ion-select>
  </ion-item>

正如您所看到的，我尝试在用户选择项目之前预先显示该项目。但我不清楚如何做到这一点。对此有何看法？

Answer 1

Tou可以在离子选择组件中使用ngModel

// html
<ion-select [(ngModel)]="selectedPerson">...

// ts
selectedPerson = gests[0].id;

Answer 2

您可以为循环添加索引，因此您可以选择哪个选项是默认的，只需指定索引：

<select>
  <option *ngFor="let person of gests; let idx = index" 
  [selected]=" idx == 0 ? true : false"></option>
</select>

如何在角度中设置动态选项列表中的选定项目

2 个答案: