Ionic where to define function for button defined in app.html

Question

I have defined my Ionic side menu in app.html:

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

Where can I define the function openProfilePage function. I mean in which file?

In app.component.ts – Ravikumar Rajendran Oct 02 '18 at 14:29 — Ravikumar Rajendran, Oct 02 '18 at 14:29

score 1 · Accepted Answer · answered Oct 02 '18 at 14:31

1

You should define your function inside app.component.ts file.

public openProfilePage() {
    // Code here
}

answered Oct 02 '18 at 14:31

theriddle2

398
3
9

I'm getting `StaticInjectorError(AppModule)[Nav -> NavController]: StaticInjectorError(Platform: core)[Nav -> NavController]: NullInjectorError: No provider for NavController!` – farahm Oct 02 '18 at 15:01
Because I am doing `this.navCtrl.push(ProfilePage);` – farahm Oct 02 '18 at 15:01
OK, I solved this by using `import {App} from 'ionic-angular';` – farahm Oct 02 '18 at 15:07

Ionic where to define function for button defined in app.html

1 Answers1