Question

我有一条空路径的路由，它充当我应用程序中所有其他组件的保护。它的子代是应该保护未经过身份验证的用户的组件。

其中一条路线激活了一个模态对话框，我希望在辅助路由器插座而不是默认插座中加载。

在给定以下路由配置的情况下，将home路由加载到默认路由器插座以及mydialog路由到指定的popup路由器插座的URL是什么？< / p>

const routes: Route[] = [
  {
    path: 'login',
    component: LoginComponent
  },
  {
    path: '',
    canActivate: [AuthenticatedGuard],
    component: WrapperComponent,
    children: [
      {
        path: 'home',
        component: HomeComponent,
      },
      {
        path: 'mydialog',
        outlet: 'popup',
        component: GigSelectionModalComponent
      }
    ]
  }
];

我尝试但没有工作的事情：

/#/home(popup:mydialog) -> Error: Cannot match any routes. URL Segment: 'mydialog'
/#/home(popup:/mydialog) -> Error: Cannot match any routes. URL Segment: 'mydialog'
/#/home/(popup:mydialog) -> Error: Cannot match any routes. URL Segment: 'home'
/#/home/(popup:/mydialog) -> Error: Cannot match any routes. URL Segment: 'home'
/#/(home//popup:mydialog) -> Error: Cannot match any routes. URL Segment: 'home'
/#(/home//popup:mydialog) -> Error: Cannot match any routes. URL Segment: 'home'

Angular 4.1.3

PS

如果我将非空路径app分配给包装路由，那么我可以通过以下URL成功导航：/#/app/(home//popup:mydialog)。

但是，我坚持为包装器使用空路径。

将具有空路径的路径的子路径加载到指定的插座

0 个答案: