从路由器出口内部以角度2进行路由

Question

我正在启动应用，并且我在Angular 2中使用路由。我有一个带有登录表单的topbar，当用户成功登录时，它会更改路由，但是当用户没有时存在它路由到登录表单。在这里，当它登录良好时，路由不起作用，不会改变（我对两个登录表单使用相同的方法）。

以下是代码的一部分：

登录表单（提交时不路由，登录失败时显示在路由器插座内）

<form role="form" (ngSubmit)="login()">
  <!--log in form -->        
</form>

组件：

@Component({
  templateUrl: 'login.component.html'
})
export class LoginComponent{
 constructor(private loginService: LoginService){}

  private model: any = {};

  public login(){
    this.loginService.login(this.model);
  }
}

服务：

@Injectable()
export class LoginService{
  login(credentials: any){

    //hardcoded just to test
    if (username == "admin" && password == "admin"){
      localStorage.setItem("currentUser", "admin");
      this.router.navigate(["home"]);
    }
    this.router.navigate(["login"], {queryParams: {error: true}});
  }
}