Angular中命名的路由出口需要在路径中添加斜杠。 _编程开发

Angular中命名的路由出口需要在路径中添加斜杠。

创始人

2024-10-31 15:01:31

0次

在Angular中，通过使用命名的路由出口，可以让一个路由在多个地方同时显示。但是，在给命名的路由出口添加路径时需要注意，在路径前面加上斜杠"/"。

以下是示例代码：

// app-routing.module.ts const routes: Routes = [ { path: '', component: HomeComponent }, { path: 'login', component: LoginComponent }, { path: 'dashboard', component: DashboardComponent, children: [ { path: 'overview', component: OverviewComponent }, { path: 'reports', component: ReportsComponent, outlet: 'header' } ] } ];

在上面的代码中，我们创建了两个路由出口。其中一个是未命名的默认路由出口，另一个是命名为“header”的路由出口。注意到在“ReportsComponent”的路由配置中，我们使用了“outlet”属性来指定该路由应该显示在哪个命名出口中，并且我们还添加了斜杠“/”来修正路由路径。

上一篇：Angular中没有应用或覆盖Bootstraps css样式。

下一篇：Angular中模板驱动表单和响应式表单之间的主要区别是什么？

Angular中命名的路由出口需要在路径中添加斜杠。

相关内容

热门资讯