角度7中的复杂路线

Question

我想在角度7中创建路线，但此路线必须与往常不同。我有一个管理面板和导航组件。这两个组件具有不同的导航栏。这种情况是通过路由器链接加载管理面板，并用其他管理面板的导航替换默认导航组件。当用户路由到/ admin路径时，管理面板必须从admin文件夹中加载其他组件（仅这些组件）。并且在其他情况下，必须显示与用户路线有关的默认导航和组件（路由器出口）。

例如，我要转到/ index路径，并且必须在路由器出口中为它显示默认导航组件和索引组件。但是，如果我转到/ admin / dashboard，我想将管理面板的导航和仪表板组件视为路由器出口。

如何实现此功能？

我现在所拥有的一些代码：

app.module.ts：

const appRoutes: Routes = [
  {
    path: 'index',
    component: IndexComponent,
  },
  { path: '', redirectTo: '/index', pathMatch: 'full' },
];

app.component.html：

<app-nav><router-outlet></router-outlet></app-nav>

任务是当用户转到/ admin路径时将app-nav更改为admin-nav。

Answer 1

已通过在route参数中使用子组件解决了该问题。