无法读取未定义的Ionic 3的属性“推”

Question

app-component.ts

goRevervationPage() {
  console.log("test")
    this.navCtrl.push('ReservationPage')
}

app.html

 <ion-list>
            <button class="sideMenuItem selectedItem" ion-item detail-none>Accueil</button>
            <button class="sideMenuItem" ion-item detail-none (click)="goRevervationPage()">Réservation</button>
            <button class="sideMenuItem" ion-item detail-none>Créer une fiche client</button>
         ..   <button class="sideMenuItem" ion-item detail-none>Fiche client</button>
            <button class="sideMenuItem" ion-item detail-none>All Clients</button>

        </ion-list>

Answer 1

不太确定您要在NavController中使用app.component.ts做什么。

但是您似乎忘记了将其添加到依赖项中。将其作为依赖项注入constructor中应该可以使其正常工作。像这样：

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

import { TabsPage } from '../pages/tabs/tabs';

@Component({
  templateUrl: 'app.html'
})
export class MyApp {
  rootPage: any = TabsPage;

  constructor(
    platform: Platform,
    public navCtrl: NavController
  ) {
    ...
  }

  goRevervationPage() {
    console.log("test")
    this.navCtrl.push('ReservationPage')
  }

  ...

}

Answer 2

给出不带引号的页面名称，并且您还需要在页眉中导入页面组件

goRevervationPage() {
  console.log("test")
  this.navCtrl.push(ReservationPage)
}