Question

我有这些路线：

{
  path: 'models',
  loadChildren: '../pages/+models-models/models-models.module#ModelsModelsModule',
  outlet: 'models'
},
{
  path: 'models/:id',
  loadChildren: '../pages/+model/model.module#ModelModule',
  outlet: 'models'
}

分别成为：/admin/dashboard/models/(models:models)和/admin/dashboard/models/(models:models/5)。

<router-outlet name="models"></router-outlet>位于ModelsComponent /admin/dashboard/models内。

现在我不明白的是如何构建routerLink链接到这两条路线的链接，每次我尝试使用类似的东西：

[routerLink]="['models', {models: 'models'}]"

或

[routerLink]="{'models': {outlet: {models: 'models'}}}"

或

[routerLink]="{'models': {outlet: {models: 'models/id'}}}"

它只是抛出一个错误。从我在这方面找到的消息来源中我没有任何意义，因为他们中的大多数甚至看起来都不及最新版本。

我该怎么做？

Answer 1

首先，不要对路径和辅助插座使用相同的名称。在你的情况下，两者都被称为模型，这是令人困惑的。

有一个属性primary定义了主要出口。

看看我是怎么做到的：https://github.com/Farata/angular2typescript/blob/master/chapter3/router_samples/app/main-aux.ts

Home组件显示在主插座中，Chat显示在名为aux。

的插座中

如何构建routerLink以正确链接到辅助路由？

1 个答案: