时间戳

首页 > 解决方案 > 离子3：如何设置被选中？

angular - 离子3：如何设置被选中？

问题描述

如何在具有 ionic 3 和 angular 的动态生成的选择控件中设置选项？

如果之前未选择“选择状态”，我正在尝试将其设置为默认选择选项，但我无法做到这一点。

<ion-item>
<ion-label stacked color="primary">State</ion-label>
<ion-select [(ngModel)]="signup.state" name="state" #state = "ngModel" (ionChange)="getcitylist(signup.state)" placeholder="Please Select State">
    <ion-option *ngIf="signup.state==0" value="0" [selected]="true">Select State</ion-option>
    <ion-option *ngFor="let state of statelist" value="{{state.state_id}}">{{state.state_name}}</ion-option>
</ion-select>

问题在于如何将选项设置为选中，我似乎无法弄清楚。

标签： angularionic3

解决方案

使用[value]="state.state_id"而不是value="{{state.state_id}}"

Stackblitz 演示

<ion-item>
<ion-label stacked color="primary">State</ion-label>
<ion-select [(ngModel)]="signup.state" (ionChange)="getcitylist(signup.state)" placeholder="Please Select State">
    <ion-option *ngIf="signup.state==0" value="0" [selected]="true">Select State</ion-option>
    <ion-option *ngFor="let state of statelist" [value]="state.state_id">{{state.state_name}}</ion-option>
</ion-select>

推荐阅读