http://ionicframework.com/docs/v2/components/#select
我试图显示选择选项并捕获选择。我已经尝试过方法,onChanges甚至在单击时内联,但是没有任何效果。
<ion-list>
<ion-item>
<ion-label>List </ion-label>
<ion-select [(ngModel)]="selected" multiple="true" cancelText="Cancel" okText="Okay!">
<ion-option *ngFor="#row of list;" value="{{row.id}}" (click)="checkSelected(row.id)" checked="{{ gq.isSelected(row.id) }}">{{ row.english_name }}</ion-option>
</ion-select>
</ion-item>
</ion-list>
设定页面类别
export class SettingPage implements OnChanges{
selected;
list = [];
constructor(private nav:NavController, public gq: gq)
{
this.gq
.list()
.subscribe(data => this.list.push(data));
}
stpSelect() {
console.log('STP selected');
console.log(this.selected);
}
ngOnChanges(changes) {
console.log(changes);
}
checkSelected (data)
{
console.log('test');
console.log(data);
}
}
我只想从功能中捕获选定的模型值,即可对其进行更改。
由于ion-select组件利用ngModel,因此您可以尝试监听ngModelChange事件:
<ion-select [(ngModel)]="selected" multiple="true" cancelText="Cancel" okText="Okay!" (ngModelChange)="doSomething()">
(...)
</ion-select>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句