Navigation not working / Error


#1

Hi
I can’t navigate from one page to another.
Getting Error:

Error: Uncaught (in promise): TypeError: Cannot read property '_willLeave' of undefined
TypeError: Cannot read property '_willLeave' of undefined
    at http://localhost:8100/build/vendor.js:58523:32

I have the array of pages:

 pages = [
    { pageName: 'ListPage', title: 'Before', icon: 'flame', id: 'before'},
    { pageName: 'Stage1Page', title: 'After', icon: 'help-circle', id: 'AfterTab'},
    { pageName: 'NewsPage', title: 'Profit', icon: 'body', id: 'ProfitTab'},
  ];

and the HTML:

 <super-tabs tabsPlacement="top" toolbarBackground="secondary" toolbarColor="light" indicatorColor="light"
  (tabSelect)="onTabSelect($event)">
  <super-tab *ngFor="let page of pages" [root]="page?.pageName" [icon]="page?.icon" [id]="page?.id"></super-tab>
</super-tabs>

I see the tabs for a sec then I am getting the error. also when I am moving to the next tab.

Please your help!


#2

Hello,

seems to be an internal method that will called on whatever that does not exist. Maybe you call from your code something at a point in livecycle where whatever does not exist.

Hmmm, maybe Elvis is dead.

Maybe you should take care that [root] has an working value. If removing of elvis operator has not the desired sucess, and maybe it depends to super-tabs, then put a ngif on that.

Best regrads, anna-liebt


#3

Thank you! :grinning:

Best,