Question

我有一个问题。

我尝试通过角度路由器建立路线。如果我正常使用，一切正常。示例：

const ROUTES: Routes = [
    {
        path: "Systems",
        component: AppComponent,
    },
    {
        path: "Identities",
        component: AppComponent,
    },
]

我想做的是，加载子路由而不创建路由。

我在第http://localhost:4200/Systems页上。并尝试触发指向http://localhost:4200/Systems/sub1的链接。但是我现在不知道下一页init应用程序上sub1的名称。这样是否可以通过this.router.navigate(['sub1'])....之类的东西来设置新路由器？我可以从代码端为Systems / ....创建路由吗？

与在页面sub1上相比，我将链接设置为页面= http://localhost:4200/Systems/sub1/sub2，依此类推。

我想创建动态路由而不在Init设置路由。我想在加载App的下一部分时添加路由。每个链接的网址都会增加。

我希望这是可以理解的。

Answer 1

可以。您需要为Systems/路径创建子路由。该子路由将使用名为:sub的变量。这样您就可以路由到Systems/sub1和Systems/sub2等

const ROUTES: Routes = [
    {
        path: "Systems",
        component: AppComponent,
        children: [
              {path: ':sub', component: AppComponent} 
        ]
    },
    {
        path: "Identities",
        component: AppComponent,
    },
]

没有组件的动态角路由

1 个答案: