ionic 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 docs

でより多くの情報を見つけることができ

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