角度离子 - 为什么不点击方法工作？

Question

Angular 2＆amp; 离子3

项目结构（图片下方的代码）

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

home.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>

home.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>