Question

我的路线如下

const routes: Routes = [
 { path: '', redirectTo: '/homeapp', pathMatch: 'full'},
      { path: 'homeapp', component: BasicComponent,
         children:[{ path: 'textboxsettings', outlet: 'settings', component: DynamictextboxsettingsComponent},
    { path: 'checkboxsettings', outlet: 'settings', component: DynamiccheckboxsettingsComponent},
    { path: 'tabsettings', outlet: 'settings', component: TabsettingsComponent},
      ]},
  { path: 'renderview/:rand', component: RendercomponentComponent},

];

我想动态地将路由添加到路径 / homeapp （上面已指定）的子级。我研究了 this.router.config.unshift 方法。我们如何在添加子路线时使用它。任何帮助都是可观的。

Answer 1

此方法可能会帮助您解决此问题。只需通过传递新的路由器设置即可。

https://github.com/angular/angular/blob/6.1.8/packages/router/src/router.ts#L378-L400

Answer 2

看看这篇文章。

https://blog.mgechev.com/2015/12/30/angular2-router-dynamic-route-config-definition-creation/

另外，我认为，更好的做法是使用动态网址，而不是向堆栈添加实际路由。它更高效，更易于管理。您可以在网址配置堆栈中的网址末尾添加一个变量，然后可以将其传递给变量：

Angular2 - How to use router with dynamic urls

动态添加到角度为5的子零部件的路线

2 个答案: