在具有父子路由的Reactive Forms中使用patchValue

Question

I have a form with parent child routing .Once user has saved info ,the code will save that data to some db. On my home page ; I will be getting data from db in the grid form and on clicking EDIT ,my form should route user to edit the already saved form-data and update it. I have created home-page and respective routes . On clicking edit my code is navigating me to my form component but getting error on clicking child component (as I have not provided route for the same). Can some help me achieve this?

I want, once user clicked on edit it should directly route user to person-info with pre-filled data and if he wishes to go to person-job ; he should be able to see data in job as well.

Existing Stackblitz

Answer 1

you can do this if you want info & job route under edit too,

const routes: Routes = [
  {path: 'home' , component:HomePageComponent},
  {
    path: 'edit/:age' , component: PersonFormComponent,
    children: [
      { path: 'info', component: PersonInfoComponent },
      { path: 'job', component: PersonJobComponent }]
  },
  {
    path: 'person',
    component: PersonFormComponent,
    children: [
      { path: 'info', component: PersonInfoComponent },
      { path: 'job', component: PersonJobComponent }]
  },
  { path: '', redirectTo: 'home', pathMatch: 'full' }
];