Popover nav missing

toriphes · February 20, 2018, 4:47pm

I’m trying to navigate from page1 to page2 inside a popover component. When pushing views in the popoverPage navController the new page appear in the app viewport and not inside the popover.

Ionic Framework : ionic-angular 3.9.2
@ionic/app-scripts : 3.1.8

In an old project this behavior works fine:

Ionic Framework : ionic-angular 3.3.0
@ionic/app-scripts : 1.3.7

While Investigating I found out:

github.com

ionic-team/ionic/blob/v3.9.2/src/components/popover/popover-component.ts#L77


ionViewPreLoad() {
  this._load(this._navParams.data.component);
}


_load(component: any) {
  if (component) {
    let cfr = this.moduleLoader.getComponentFactoryResolver(component);
    if (!cfr) {
      cfr = this._cfr;
    }
    const componentFactory = cfr.resolveComponentFactory(component);


    // ******** DOM WRITE ****************
    const componentRef = this._viewport.createComponent(componentFactory, this._viewport.length, this._viewport.parentInjector, []);
    this._viewCtrl._setInstance(componentRef.instance);
    this._enabled = true;


    // Subscribe to events in order to block gestures
    // TODO, should we unsubscribe? memory leak?
    this._viewCtrl.willEnter.subscribe(this._viewWillEnter.bind(this));
    this._viewCtrl.didLeave.subscribe(this._viewDidLeave.bind(this));

The component resolved does not contains the ion-nav wrapper as expected in the old versions.

am I doing something wrong?

Thanks you.

Tommertom · February 20, 2018, 6:20pm

MWithout having done this I would believe you need a second nav instance linking to a second ion-nav in the poperover. So the navctrl.push/setroot methods work on that dom element instead of the main viewport

So maybe google on two ion-navs in one app?

mhartington · July 19, 2021, 9:50pm