angular - router.navigate 没有改变辅助路线

Question

我有一个用于路由的服务

export class WetterRoutingService {

    private currentUser: User;
    private defaultAbm: Abm;
    public rerouteToDefaultOnLoad: boolean = false;
    constructor (@Inject(UserService) private userService: UserService,
    @Inject(UiDataStore) private uiDataStore: UiDataStore, private router: Router) {
        // get User Data and relevant data
}

我在此服务中创建了一个功能，可以路由到我经常使用的某些路线(链接会根据用户和数据动态变化)

public routeToAbmAuxMaps(id) {
    this.router.navigate( [ '/start', DATA_CONSTANTS.some_constant, id, {outlets: { aux: ['maps']}}] );
}

我定义了以下路由:

export const ROUTES: Routes = [

  {
    path: '',
    redirectTo: '**',
    pathMatch: 'full'
  },

  {
    path: 'start/:type/:abm',
    component: AbmBlock,
    canActivate: [UserService],
    resolve: {
      model: AbmBlockResolver
    },
  },
  // some other routes
   {
     path: 'maps',
     component: MapsDetailBlock,
     outlet: 'aux'
  },
  {
    path: '**',
    component: AbmBlock,
    resolve: {
      data: AbmBlockResolver
    },
  }
];

和我在 app.html 中的路由器 socket

        <div class="main-container" id="main-container">
            <div  class="main-panel">
                <router-outlet (activate)="onMainActivate($event)"></router-outlet>
            </div>
        </div>
        <div class="detail-container" id="detail-container">
            <div  class="detail-panel">
                 <router-outlet name="aux" (activate)="onDetailActivate($event)"></router-outlet>
            </div>
        </div>

然而，当这个函数被调用时，路由器将其解析为

BaseUrl/#/start/constant/id

我所期望的是

BaseUrl/#/start/constant/id(aux:maps)

这是我应该在 GitHub 上发布的 Bug 还是我做错了什么？

Angular 2.4.3TS 2.1.5

e: 格式化

Answer 1

您应该将您的 outlets 对象更改为:(aux 不是数组)

{outlets: { aux: 'maps'}}