Angularjs 2：在离子选择离子2中选择不更新的选定值？

问题描述：

我有下面的代码，迄今为止工作，但有一个小问题，我无法弄清楚。在用户选择一个选项后，它不会更新（将所选值设置为离子选择）离子选择？基本上UI不会更新选定的值？Angularjs 2：在离子选择离子2中选择不更新的选定值？

<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>

是'的onChange（将selectedItem）'被调用？ 'selectedItem'应该已经被

是的，onChange（selectedItem）被调用，但如果我删除该行，我如何获得选定的值，因此console.log（'Selected item：' + selectedItem）;在构造函数中给出了这个ReferenceError：selectedItem没有被定义 – happycoder

为了摆脱错误，你需要改变'（change）=“onChange（selectedItem）”>'to（（change）=“onChange $ event）'>'或'（change）=“onChange（item.value）”>'（我不知道''的属性名称实际上是什么或它为事件提供了什么值。 –

答

对于离子2测试版，我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>

Angularjs 2：在离子选择离子2中选择不更新的选定值？

相关推荐