No provider for NavController in split-pane


#1

Hi guys,

I’m new to Ionic and still struggling with its concepts.

Right now I’m trying to create a <ionic-split-pane> view, that when opened on mobile devices shows the sidemenu as the root page, as there are buttons in that menu that set different rootpages which are then displayed in the <ion-nav main>. The goal is to have a webapp that looks like a standard iPad app (e.g. the settings app) on desktop/tablet and has the split-pane menu as rootpage when opened with a smartphone.

I’m currently trying to insert a IonicPage called “start” into the ion-menu like so:

<ion-split-pane>
  <!--  our side menu  -->
  <ion-menu [content]="content">
    <ion-header>
      <ion-toolbar>
        <ion-title>Menu</ion-title>
      </ion-toolbar>
    </ion-header>
    <page-start></page-start>
  </ion-menu> 

  <!-- the main content -->
  <ion-nav [root]="rootPage" main #content></ion-nav>
</ion-split-pane>

On lower width-sizes this start-Page gets set to the rootPage.

This is the error im currently getting:

Runtime Error
No provider for NavController!

I have passed up a reference to the NavController inside the app.component.ts like so @ViewChild('content') nav: NavController; but I’m still getting the error that there is no provider for NavController.

I’d be very happy over any hint on what I did wrong or a link to information on how I can establish the desired iPad/iPhone - App behavior.

Thanks very much in advance!