title: How can I load child route with navigate by URL?
body: <p>I have a child route. I've tried to route to this child route,but without success. If I put this route outside the children array (as independent route) then it works, but not in the children array. Router outlet tag is also in the parent HTML template. What am I doing wrong?</p>
  
  <pre><code>  {path:'adminpanel',component:AdminPanelComponent,canActivate:[AuthGuard],data :{permittedRoles:['Admin']},
    children:[
  //it des not work here
      {path:'specific-role-section/:roleId' , component:SpecificRoleSectionComponent}
    ]},
  //it works here
    // {path:'specific-role-section/:roleId' , component:SpecificRoleSectionComponent}
  
  
  //the caller method
   openRoleSection(roleId:string)
    {
      // this.router.navigateByUrl(`specific-role-section/${roleId}` ,  {relativeTo: this.activatedRoute})
      this.router.navigate([`specific-role-section/${roleId}`] ,  {relativeTo: this.activatedRoute})
    }
  
  
  </code></pre>