Javascript Angularjs 2:选择不使用离子选择离子2中的选定值更新?
我有下面的代码,这是工作到目前为止,但有一个小问题,我不能找出它。用户选择一个选项后,它不会更新(将所选值设置为离子选择)离子选择?基本上用户界面没有用所选值更新Javascript Angularjs 2:选择不使用离子选择离子2中的选定值更新?,javascript,typescript,angular,ionic2,Javascript,Typescript,Angular,Ionic2,我有下面的代码,这是工作到目前为止,但有一个小问题,我不能找出它。用户选择一个选项后,它不会更新(将所选值设置为离子选择)离子选择?基本上用户界面没有用所选值更新 <ion-item> <ion-label>Classifications</ion-label> <ion-select [(ngModel)]="selectedItem" #item (change)="onChange(selectedItem)"> <ion-option
<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);
}
分类
{{item}}
onChange(选择编辑项){
console.log('Selected item:'+selectedItem);
}
Out put在用户选择时正确显示,有什么想法我在这里遗漏了什么吗
更新
<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>
性别
女性
男性
对于爱奥尼亚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>
集会
{{fest.title}
在添加(ionChange)=''
后,我遇到了同样的问题,它开始为我工作
<ion-select [(ngModel)]="msgType" (ionChange)="getListOfMsg()">
是否调用了onChange(selectedItem)
selectedItem
应该已经由yes更新,onChange(selectedItem)被调用,但是如果我删除了该行,我如何获得所选值,从而得到console.log('selected item:'+selectedItem);在构造函数中给出此引用错误:未定义selectedItem。要消除此错误,您需要将(更改)=“onChange(selectedItem)”>
更改为(更改)=“onChange($event)”>
或(更改)=“onChange(item.value)”>
(我不知道
的属性名实际上是什么,也不知道它为事件提供了什么值。如果更改事件(ngModelChange)=“onChange($event)”>
也调用onChange()
。它不起作用。这个简单的select示例已经默认选择了女性。性别女性男性