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!