javascript - 登录段不存在后Angular2重定向

Question

我目前正在尝试使其导航到/minions 组件以访问常规 socket ，这意味着登录时要使用的 socket 。

如何使此重定向起作用？

在loginhandler类(又名/login)的ngOnInit中，我有以下内容:

 ngOnInit() {
    this.CoreService.isLoggedin().subscribe(data => {
     if (data) {
       console.log("redirect... from login");
       this.Router.navigate(["/minions"]);
     }

    });

  }

但这会导致:

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

app.module.ts 路由:

RouterModule.forRoot([

          {
            path : 'minions',
            component: MinionsComponent,
            outlet: 'regular'

          },
          {
            path: '',
            redirectTo : 'login' ,
            pathMatch: 'full'
          },
          {
            path: 'login',
            component: LoginhandlerComponent,
          },

        ]

    )

正文:

 {{ user  }}

<div *ngIf="user">



  <div class="bodyWrapper container">
    <div class="header">


    </div>

    <div class="sidebar left">
      <ul>

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




      </ul>
    </div>
    <div class="middlecontent">
      <div style="width: 100%; max-width: 860px; margin-left: auto; margin-right: auto; min-height: 400px;">
        <router-outlet name="regular"></router-outlet>
      </div>
    </div>
    <div class="sidebar right">
      <div class="top">{{ user.username }}</div>

    </div>
  </div>


</div>

<div *ngIf="loggedin == false">
  <a [routerLink]="['/', {outlets: {'outside': 'login'}}]" routerLinkActive="active">Login</a>


  <div style="width: 100%; max-width: 860px; margin-left: auto; margin-right: auto; min-height: 400px;">
    <router-outlet></router-outlet>

  </div>




</div>

Answer 1

在您的路由代码中，您正常使用 socket ，因此您应该传递如下所示的值

this.router.navigate(['/', {outlets: {'regular': "minions"}}]);