如何使用API​​中的数据在离子选择中设置条件默认值

时间:2019-05-15 14:37:57

标签: typescript angular7 ionic4

我是角7和离子4的新手。

我正在开发一个移动应用程序,正在使用API​​,我有一个任务列表,当我单击一个任务时,会打开一个模式,显示任务信息,在此模式中,有一些字段是元素,例如分配的用户,我想根据创建任务时选择哪个分配的用户来设置离子选择默认值。

总结一下,我希望如果分配了用户,那么在出现模态时它将在ion-select中设置为默认值。

HTML文件:

M, F, U

TS文件:

<ion-row>
  <ion-col>
    <ion-label>Asigned User:</ion-label>
    <ion-select placeholder="Asigned User" formControlName="assignedUserId" > 
      <ion-select-option *ngFor="let user of simpleUsers|async;" [value]="user.id" (ionChange)="setUser(user.id)">
        {{user.lastName}} {{user.firstName}}
      </ion-select-option>
    </ion-select>
  </ion-col>
</ion-row>

1 个答案:

答案 0 :(得分:0)

由于您要将ion-select绑定到assignedUserId控件,并且[value]的{​​{1}}属性指向ion-select-option,因此似乎唯一初始化user.Id时需要做的就是在获得任务详细信息后立即设置ion-select控件的值。就像这样:

assignedUserId