Question

我在页面之间有一个简单的导航设置。在一个页面上，按钮点击事件似乎没有做任何事情。即使我在其中放入一个简单的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>

Answer 1

您在此行中声明了按钮的拼写错误。而不是点击你应该写点击。这是正确的按钮代码：

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

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

1 个答案: