Ionic v4 вложенные вкладки - PullRequest
Новая
       34

Ionic v4 вложенные вкладки

0 голосов
/ 11 марта 2019

Я перевожу свое приложение с v3 на v4, и у меня есть вложенные вкладки.

Не могу понять, как это работает, первый уровень работает нормально, страница вложенной вкладки загружаетсяхорошо (без загрузки вложенных вкладок), но когда я нажимаю одну из вкладок, появляется ошибка 

ERROR Error: "[object Object]"
     resolvePromise11Angular

, как при вводе неверного маршрута во вкладке.Вот мои маршруты

app-routing.module.ts: 

const routes: Routes = [
  ...
  { path: 'tab', loadChildren: './pages/main-tabs/main-tabs.module#MainTabsPageModule' },
  ...
];

Основные вкладки модулей маршрутов: 

const routes: Routes = [
  {
    path: '',
    component: MainTabsPage,
    children: [
      {
        path: 'tab1',
        loadChildren: '../tab1/tab1.module#tab1PageModule'
      },
      {
        path: 'tab2',
        loadChildren: '../tab2/tab2.module#tab2PageModule'
      },
      {
        path: 'subTabs',
        loadChildren: '../subTabs/subTabs.module#subTabsPageModule'
      }
    ]
  }
];

маршрут в модуле subTabs 

const routes: Routes = [
  {
    path: '',
    component: ProfilePage,
    children: [
      {
        path: 'subTab1',
        loadChildren: '../subTab1/subTab1.module#subTab1PageModule'
      },
      {
        path: 'subTab2',
        loadChildren: '../subTab2/subTab2.module#subTab2PageModule'
      },
      {
        path: 'subTab3',
        loadChildren: '../subTab3/subTab3.module#subTab3PageModule'
      },
    ]
  }
];

Когда я нажимаю на вложенную вкладку, я получаю сообщение об ошибке

Каждая страница находится в одной папке.И ссылки правильные, так как я протестировал вложенную вкладку на главной вкладке, и они работают. 

app
  app-routing.module.ts
  pages
    main-tab
       ...
    tab1
       ...
    tab2
       ...
    subTabs
       ...
    subTab1
       ...
    subTab2
       ...
    subTab3
       ...
    subTab2
       ...

Свойства вкладки кнопки вкладки иона имеют то же имя, что и путь к нужным дочерним элементам

1 Ответ

0 голосов
/ 12 марта 2019

Хорошо, я вроде работал над этим, и кажется, что проблема связана с тем, как кнопки-вкладки перемещаются по маршруту.Если я заменю кнопки простой «ссылкой на роутер» на вложенной вкладке, она будет работать нормально.

Так что, я думаю, я сделаю навигацию вручную с событием щелчка и активирую кнопку дополнительной вкладки вручную

...