انگولار - آیو نیک ۲: چگونه هنگام تغییر مقدار انتخابشده یک متد را فراخوانی کنیم


من تازه با Ionic 2 آشنا شدهام، سندهای Ionic 2 را خواندهام و فکر کردم این کد کار خواهد کرد. قرار است زمانی که مقدار انتخابشده تغییر میکند، مقدار فعلی را بازگرداند و آن را در کنسول چاپ کند.

page.html

<ion-select #C ionChange="onChange(C.value)"> 
                    <ion-option value="a">A</ion-option>
                    <ion-option value="b">B</ion-option>
</ion-select>

page.ts

public CValue:String;
onChange(CValue) {
     console.log(CValue);
}

با این حال، کنسول هیچ چیزی مربوط به این نشان نمیدهد. آیا چیزی را در اتصال از دست دادهام؟

پاسخ شماره ۱

به جای

<ion-select #C ionChange="onChange(C.value)"> 
  ...
</ion-select>

از آنجا که ionChange یک رویداد است (و نه یک ویژگی ساده)، شما باید آن را به این شکل انجام دهید:

<ion-select #C (ionChange)="onChange(C.value)">
  ...
</ion-select>