ион-роутер-розетка на другой странице

Question

У меня есть проект ioni c angular, и у меня есть ионный маршрутизатор в app.component. html, который перенаправляет на страницу учителя маршрут

в app-routing .module.ts

const routes: Routes = [
  {
     path: '',
     redirectTo: 'teacher',
     pathMatch: 'full'
  },
  {
     path: 'login',
     component: LoginComponent
  },
  {
     path: 'teacher',
     loadChildren: () => import('./pages/teacher/teacher.module').then(m => m.TeacherPageModule)
  },
  {
     path: 'admin',
     loadChildren: () => import('./pages/admin/admin.module').then(m => m.AdminPageModule)
  }
];

и на странице учителя я перенаправляю на страницу классов

teacher-routing.module.ts

const routes: Routes = [
  {
     path: '',
     redirectTo: 'classes',
  },
  {
     path: 'classes',
     component: ClassesComponent
  }

];

и хочу показать страницу классов на странице учителя

teacher.page. html

<ion-header>
    <ion-toolbar>
        <ion-title>teacher</ion-title>
    </ion-toolbar>
</ion-header>

<ion-content>
  <ion-router-outlet></ion-router-outlet> //<< classes page in here
</ion-content>

, но показывает только содержимое страницы классов и не выполняет страницу учителя.

Answer 1

Мне кажется, вы не объявили маршрут loadChildren к классам в Route. Что-то вроде:

  {
     path: 'classes',
     loadChildren: () => import('./pages/classes/classes.module').then(m => m.ClassesPageModule)
  }

Примечание: этот компонент должен использоваться только с Angular проектами. Для проектов Vanilla или Stencil JavaScript используйте ion-router и ion-route.