我有下面的代码,到目前为止工作,但有一个小问题,我无法弄明白。用户选择一个选项后,它不会更新(将所选值设置为离子选择)离子选择?基本上UI没有使用选定的值进行更新?
<ion-item>
<ion-label>Classifications</ion-label>
<ion-select [(ngModel)]="selectedItem" #item (change)="onChange(selectedItem)">
<ion-option *ngFor="#item of items" [value]="item">{{item}}</ion-option>
</ion-select>
</ion-item>
onChange(selectedItem) {
console.log('Selected item: '+selectedItem);
}
出来用户选择正确显示,我在这里缺少什么想法?
更新
<ion-item>
<ion-label>Gender</ion-label>
<ion-select [(ngModel)]="gender">
<ion-option value="f" checked="true">Female</ion-option>
<ion-option value="m">Male</ion-option>
</ion-select>
</ion-item>
对于Ionic 2 beta 10,下一步适用于我:
<ion-item>
<ion-label>Fest</ion-label>
<ion-select [(ngModel)]="festId" (ionChange)="festSelected($event, festId)">
<ion-option *ngFor="let fest of festList" value="{{fest.id}}">
{{fest.title}}
</ion-option>
</ion-select>
</ion-item>
添加(ionChange)=""
之后我遇到了同样的问题,它开始为我工作。
<ion-select [(ngModel)]="msgType" (ionChange)="getListOfMsg()">