Ionic 2:如何在选择值更改时调用方法

CMA*_*CMA 16 typescript ionic-framework ionic2 ionic3 angular

我是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>
Run Code Online (Sandbox Code Playgroud)

page.ts

public CValue:String;
onChange(CValue) {
     console.log(CValue);
}
Run Code Online (Sandbox Code Playgroud)

但是控制台没有给出与此相关的任何内容.我错过了约束中的某些内容吗?

seb*_*ras 36

代替

<ion-select #C ionChange="onChange(C.value)"> 
  ...
</ion-select>
Run Code Online (Sandbox Code Playgroud)

既然ionChange是一个事件(而不是一个简单的属性),你需要这样做:

<ion-select #C (ionChange)="onChange(C.value)">
  ...
</ion-select>
Run Code Online (Sandbox Code Playgroud)

  • 谢谢,你知道它的3AM,你开始想念这样的东西. (7认同)