Ionic2按钮单击仅在一个页面上不起作用答案

【问题标题】：Ionic2 button click does not work on only one pageIonic2按钮单击仅在一个页面上不起作用
【发布时间】：2017-04-27 22:21:31
【问题描述】：

我在页面之间有一个简单的导航设置。在一页上，按钮点击事件似乎没有做任何事情。即使我只是在其中放置了一个简单的 console.log 输出，它似乎也根本没有被触发。

我很确定这是微不足道的，但这是我的代码。传入的数据经测试一切正常。

ts 文件 - itemTapped 是有问题的函数..

import { Component } from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';

import { EliteApi } from '../../shared/shared';
import { TeamHomePage } from '../team-home/team-home';

@Component({
  selector: 'page-game',
  templateUrl: 'game.html'
})
export class GamePage {

  game: any = {};

  constructor(public navCtrl: NavController, 
          public navParams: NavParams,
          public eliteApi: EliteApi) {}

  ionViewDidLoad() {
    this.game = this.navParams.data;
  }

  teamTapped(teamId){
    let tourneyData = this.eliteApi.getCurrentTourney();
    let team = tourneyData.teams.find(t => t.id === teamId);
    this.navCtrl.push(TeamHomePage, team);
  }

}

html

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

<ion-content padding>
  <h3>Home Team</h3>
  <button ion-button (clicked)="teamTapped(game.team1Id)">{{game.team1}}</button>
</ion-content>

【问题讨论】：

标签： angular typescript ionic-framework ionic2

【解决方案1】：

您在声明按钮的这一行中有错字。而不是点击你应该写点击。这是正确的按钮代码：

<button ion-button (click)="teamTapped(game.team1Id)">{{game.team1}}</button>

【讨论】：

tnx，我知道这是小事