дочерняя маршрутизация не может перейти к его дочернему компоненту

Question

компонент приложения. html

<a [routerLink]="[ '/student']">Student</a>

        <router-outlet></router-outlet>

student.comp onet. html

<p>Student works</p>

<br>

    <a [routerLink]="[ './studentDetails']">Student Details</a>
    <br>
    <a [routerLink]="[ './stduentReg']">Student Reg</a>

  <b>  student.details.componetn.html</b>
        <p>student-details works!</p>

app-routing.module.ts

 import { NgModule, Component } from '@angular/core';
    import { Routes, RouterModule } from '@angular/router';
    import { StudentComponent } from './student/student.component';
    import { StudentDetailsComponent } from './student-details/student-details.component';
    import { PageNotFoundComponent } from './page-not-found/page-not-found.component';
    import { StudentRegistrationComponent } from './student-registration/student-registration.component';


      const routes: Routes = [
        {
          path : '', 

          children :[

            {
              path : 'studentDetails', component : StudentDetailsComponent
            },
            {
              path :'stduentReg' , component : StudentRegistrationComponent
            }

          ]
        },
        {
          path : 'student', component : StudentComponent
        },

        {
          path : '**' , component : PageNotFoundComponent
        }

      ];

      @NgModule({
        imports: [RouterModule.forRoot(routes)],
        exports: [RouterModule]
      })
      export class AppRoutingModule { }

дочерняя маршрутизация не работает 1) в студенте HTML хочу go за студентаПодробнее 2) Я могу набрать go из app.compomneten студенту 2) но я не могу go от студента к студенту