Angular ng Submit не работает на детском маршруте

Question

У меня есть модуль, который содержит два компонента, и в каждом из них у меня есть форма с проверкой. В первой форме, которая загружается, как только страница инициализируется, проверка происходит нормально, когда я go на второй он больше не работает.

rota.ts

const ROUTES:Routes = [
  {path: '', redirectTo: 'home', pathMatch: 'full'}, 
  {path: 'home', loadChildren:'./pages/home/home.module#HomeModule'}, 
  {path: '404', loadChildren:'./pages/tools/tools.module#ToolsModule'},        
  {
    path: ':id',component:PublicLayoutComponent, 
    children: [            
      { path: '',component: InicioComponent}, 
      { path: 'inscricao', component: InscricaoComponent},                                                      
    ]
  },

  {path: '**',  redirectTo: '404/page'},     

];

inicio.component. html

<form class="needs-validation" novalidate (ngSubmit)="onSubmit(form1.value)">      
  <input type="text" name="nome" required  class="form-control" >
  <button class="btn btn-primary" type="submit">Register</button>
  <button class="btn btn-secondary" (click)="form2()">Go Form2</button>
</form>
//works correctly and displays invalid markings

inicio.component.ts

form2(){
    this.router.navigate (['/supermaisvilhena','inscricao'])
  }

inscricao.component. html

<form id="form2" class="needs-validation" novalidate>      
  <input type="text" name="nome" required  class="form-control" >
  <button class="btn btn-primary" type="submit">test</button>
</form>
//the button fires but does not activate the error markings. No submit.