4
我有下面的代碼,迄今爲止工作,但有一個小問題,我無法弄清楚。在用戶選擇一個選項後,它不會更新(將所選值設置爲離子選擇)離子選擇?基本上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)」>'(我不知道''的屬性名稱實際上是什麼或它爲事件提供了什麼值。 –