首页 文章

Angularjs 2：选择不使用离子选择Ionic 2中的选定值进行更新？

提问于
浏览 次
4

我有下面的代码，到目前为止工作，但有一个小问题，我无法弄明白 . 用户选择一个选项后，它不会更新（将所选值设置为离子选择）离子选择？基本上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);
}

出来用户选择正确显示，我在这里缺少什么想法？

update

<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>
javascript typescript angular ionic2

2 回答

  • 6

    对于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>
    回复于
  • 0

    添加 (ionChange)="" 后，我遇到了同样的问题，它开始为我工作 .

    <ion-select [(ngModel)]="msgType" (ionChange)="getListOfMsg()">
    回复于

相关问题