重载子组件路由重载父父组件

Question

我有一条父路线，在这条路线下我的子路线如下。

const routes : Routes = [
            {path: 'home', component: HomeComponent, 
            children: [
            { path: 'airetail', component: AiretailplatformComponent},
            { path: 'cpr', component: CprComponent },
            { path: 'snap', component: SnapComponent},
            { path: 'others', component: OthersComponent },
            { path: 'docs', component: DocumentationComponent },
            {path: 'dynamic', component: AiRetailDynamicComponent}
            ],
            {path: '', redirectTo: '/home', pathMatch: full}
        }
     ]

每当我在任何子路由中并尝试重新加载任何子路由组件时，父路由也会被调用。有没有一种方法可以限制调用我的父路由，这里是 HomeComponent 每当我重新加载子路由页面时？

Answer 1

使用相对路径。

在您的 .component.ts 中

constructor(
private activateRoute: ActivatedRoute, 
private router: Router)  {

   routeToPath() {
      this.router.navigate(['<your-path>'], { relativeTo: activateRoute 
      })
   }
}

这只会加载子路由。