title: ion-router-outlet in other page
body: <p>I have an ionic angular project, and I have the ion-router-outlet in the app.component.html that redirect to the teacher page</p>
  
  <p>route in app-routing.module.ts</p>
  
  <pre><code>const routes: Routes = [
    {
       path: '',
       redirectTo: 'teacher',
       pathMatch: 'full'
    },
    {
       path: 'login',
       component: LoginComponent
    },
    {
       path: 'teacher',
       loadChildren: () =&gt; import('./pages/teacher/teacher.module').then(m =&gt; m.TeacherPageModule)
    },
    {
       path: 'admin',
       loadChildren: () =&gt; import('./pages/admin/admin.module').then(m =&gt; m.AdminPageModule)
    }
  ];
  </code></pre>
  
  <p>and in the teacher page, I redirect to the classes page </p>
  
  <p>teacher-routing.module.ts</p>
  
  <pre><code>const routes: Routes = [
    {
       path: '',
       redirectTo: 'classes',
    },
    {
       path: 'classes',
       component: ClassesComponent
    }
  
  ];
  </code></pre>
  
  <p>and I want to show the classes page in the teacher page</p>
  
  <p>teacher.page.html</p>
  
  <pre><code>&lt;ion-header&gt;
      &lt;ion-toolbar&gt;
          &lt;ion-title&gt;teacher&lt;/ion-title&gt;
      &lt;/ion-toolbar&gt;
  &lt;/ion-header&gt;
  
  &lt;ion-content&gt;
    &lt;ion-router-outlet&gt;&lt;/ion-router-outlet&gt; //&lt;&lt; classes page in here
  &lt;/ion-content&gt;
  </code></pre>
  
  <p>but it shows just content of classes page and doesn't execute the teacher page.</p>