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>

來源

2016-02-28 happycoder

是'的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>

來源

2016-07-07 10:02:31

Angularjs 2：在離子選擇離子2中選擇不更新的選定值？

回答

相關問題