离子3 - 运行时错误函数未定义 - ReferenceError:函数未在HTMLButtonElement.onclick中定义

Question

我有一个按钮,我为onclick属性定义了doLogout函数,但每次单击该按钮时都会显示以下错误:

Runtime Error function not defined - ReferenceError: function is not defined at HTMLButtonElement.onclick

代码非常简单,我在其他页面中使用它,正确调用该函数.这是我的HTML文件:

<ion-header>  
  <ion-navbar>
    <ion-title>Logout</ion-title>
  </ion-navbar>
</ion-header>

<ion-content>
  <div padding>
  <button ion-button block onclick="doLogout()">Logout</button>
 </div>  
   </ion-content>

这是ts文件:

export class LogoutPage {

  constructor(public navCtrl: NavController, public navParams: NavParams,
  public api : Api) {
  }


  doLogout(){
       //does something
  }

}

Answer 1

Ionic2/3构建在Angular2/4(或Angular)之上,因此使用click事件的正确方法是:

<button ion-button block (click)="doLogout()">Logout</button>

您可以在Angular文档中找到更多信息