\*\*So, I've got app.html with my main menu, and I want to add (click)="page()" links, but I can't since I get error : 

***Error: StaticInjectorError[NavController]: 
 StaticInjectorError[NavController]: 
 NullInjectorError: No provider for NavController!***

all project : <https://github.com/AndriusdevLa/test>

```
<ion-nav [root]="rootPage" #mainNav></ion-nav>
<ion-menu [content]="mainNav" type="overlay">
  <ion-content>
   <ion-list>
      <ion-item menuClose>
        <ion-buttons right>
        <button ion-button>
        <ion-icon name="close"></ion-icon>
        </button>
        </ion-buttons>
      </ion-item>
      <ion-item><button ion-button (click)="menuProfile()">Fails</button></ion-item>
      <ion-item>Profile</ion-item>
      <ion-item>Messeges</ion-item>
      <ion-item>Support</ion-item>
    </ion-list>
  </ion-content>
</ion-menu>

```

**app.component.ts :**

```
import { Component } from '@angular/core';
import { NavController, Platform} from 'ionic-angular';
import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';
import { LoginPage } from "../pages/login/login";

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

  constructor(public navCtrl : NavController,
    platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen) {

    platform.ready().then(() => {
      // Okay, so the platform is ready and our plugins are available.
      // Here you can do any higher level native things you might need.
      statusBar.styleDefault();
      splashScreen.hide();
    });
  }
  menuProfile(){
    this.navCtrl.push('ProfilePage');
  }

}

```

**How to fix that ?**