Angular Ionic - 为什么点击方法不起作用？

Question

角度 2 和离子 3

项目结构（下图代码）

我在 home.ts 文件中定义了一个自定义单击方法，该方法应该由 home.html 文件中的按钮触发。

主页.html

<ion-header>
  <ion-navbar>
    <ion-title>
      Ionic 2 Basics
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <button ion-button (click)="onGoToUsrs">Users</button>
</ion-content>

家.ts

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { UsersPage } from '../users/users';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})

export class HomePage {

  constructor(public navCtrl: NavController) {

  }

  onGoToUsrs() {
    this.navCtrl.push(UsersPage);
  }

}

主页按预期显示在浏览器中，包括按钮。 该按钮是可点击的，但点击时不会触发任何内容。 控制台中没有错误。 我试图在 click 方法中运行 console.log() 但它没有运行，希望这个细节有帮助。

我尝试在进行更改后重新启动服务器。

为什么按钮不触发自定义点击方法？

Answer 1

你的 onGoToUsrs 需要 () 来调用函数

<button ion-button (click)="onGoToUsrs()">Users</button>

Answer 2

模板文件中的代码有错误。

    <button ion-button (click)="onGoToUsrs">Users</button>

它应该是 -

    <button ion-button (click)="onGoToUsrs()">Users</button>