ion-router-outlet на другой странице

У меня есть проект ionic angular, и у меня есть выход ion-router в 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)
  }
];

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

учитель-routing.module.ts

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

];

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

учитель.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>

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