javascript - angular2 路由器导出登录后无法工作

Question

当我登录并导航到其他页面或登录时，我收到以下错误:

EXCEPTION: Uncaught (in promise): Error: Cannot find primary outlet to load 'customComponent'
Error: Cannot find primary outlet to load 'customComponent'

但是当我未登录时，导航可以工作。

我还注意到，如果我删除其中一个路由器 socket ，导航将会正常工作。假设我删除了登录中的路由器导出，user.username 中的导航将正常工作。

怎么会呢？我怎样才能让它正常工作？如果未登录，则在那里显示路由器 socket ，否则如果我在线，则在其他地方显示它？

代码:

 <div *ngIf="user.username">
   <a routerLink="/murder" routerLinkActive="active">Murder</a>
    <a routerLink="/login" routerLinkActive="active">Login</a>

    <div>
    <router-outlet></router-outlet>
    </div>
</div>
<div *ngIf="loggedin == false">
   <a routerLink="/murder" routerLinkActive="active">Murder</a>
    <a routerLink="/login" routerLinkActive="active">Login</a>

// other things
    <div>
    <router-outlet></router-outlet>
    </div>
</div>

更新:

我在登录时创建了路由器导出:

 <router-outlet name="regular"></router-outlet>

和外部:

        <router-outlet name="aux"></router-outlet>

并改变了我的路线:

   path: 'murder',
              component: MurderComponent,
              outlet: 'regular'

但是当我导航时我得到:

EXCEPTION: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'murder'

怎么会这样？

完整的代码路由:

 RouterModule.forRoot([

              {
                  path: 'login',
                  component: LoginhandlerComponent,
                  outlet: 'aux'

              },

          {
              path: 'murder',
              component: MurderComponent,
              outlet: 'regular'

          },


          ]

      )

Answer 1

您需要将 socket 添加到您的路由器链路。尝试这样:

<a [routerLink]="['/', {outlets: {'regular': 'murder'}}]" routerLinkActive="active">Murder</a>