Ionic 在哪里为 app.html 中定义的按钮定义函数

Posted 2023-03-22

【中文标题】Ionic 在哪里为 app.html 中定义的按钮定义函数

【英文标题】：Ionic where to define function for button defined in app.html

【发布时间】：2018-10-02 14:24:24

【问题描述】：

我在app.html 中定义了我的 Ionic 侧边菜单：

<ion-menu [content]="content" side="left">
  <ion-header>
    <ion-toolbar>
        <ion-title>Menu</ion-title>
    </ion-toolbar>
  </ion-header>

  <ion-content>
    <ion-list>
        <button  menuClose ion-item (click)="openProfilePage()">Start today's quiz</button>
    </ion-list>
  </ion-content>

</ion-menu>

在哪里可以定义函数openProfilePage函数。我的意思是在哪个文件中？

【问题讨论】：

在 app.component.ts 中

【参考方案1】：

你应该在 app.component.ts 文件中定义你的函数。

public openProfilePage() 
    // Code here

【讨论】：

我收到StaticInjectorError(AppModule)[Nav -> NavController]: StaticInjectorError(Platform: core)[Nav -> NavController]: NullInjectorError: No provider for NavController!

因为我在做this.navCtrl.push(ProfilePage);

好的，我用import App from 'ionic-angular';解决了这个问题