无法在表单提交后强制路由到门户网站

一旦我有用户登录到我的应用程序，我想强制重定向到门户页面。然而，当我呼叫router.navigate（）时发生了3件事... 1）应用程序重定向到/ portal。 2）然后，该应用立即重定向到/门户网站，并将电子邮件地址和密码作为查询字符串。 3）该应用程序似乎“重置”以某种方式，失去了appState.User（完全“忘记”用户已经登录），所以该应用程序将我重新导向到原始登录页面。这里有什么问题？无法在表单提交后强制路由到门户网站

这一切发生的一切形式的onsubmit它获取此按钮触发的内部：

<button type="submit" (click)="onSubmit(Form)">Sign in</button>

这里的的onsubmit代码：

public onSubmit(form: EmailForm): void { 
    this.apiLogin.LoginUser(form.EmailAddress, form.Password).subscribe(
     (user: LoginUser) => { 
      if(user.UserToken == null) { 
       this.addValidationError("Invalid username and/or password."); 
      } 
      else { 
       this.appState.setUser(user); 
      } 
     }, 
     (err) => {}, 
     () => { 
      this.router.navigate(['/portal']); 
     } 
    ); 
}

这是我的路线设置，以及...

const appRoutes: Routes = [ 
    { path: '', component: HomeComponent, pathMatch: 'full' }, 
    { path: 'portal', component: PortalComponent, canActivate: [AuthGuard] }, 
    { path: '**', component: PageNotFoundComponent } 
];

您可能不需要它，但这里是我在门户路由上使用的AuthGuard服务。谢谢@Sasxa的helping me setup this AuthGuard。

@Injectable() 
export class AuthGuard implements CanActivate { 
    constructor(private appState: ApplicationState, private router: Router) {} 

    canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean { 
     let url: string = state.url; 
     return this.checkLogin(url); 
    } 

    checkLogin(url: string): boolean { 
     if (this.appState.User.UserToken) return true; 

     this.navToLogin(url); 
     return false; 
    } 

    private navToLogin(redirUrl: string) { 
     this.router.navigate(['/']); 
    } 
} // end class

来源

2016-10-04 Targaryen

我想通了。我使用（点击）而不是（ngSubmit）犯了一个小错误。固定方式：

(ngSubmit)="onSubmit(Form)"

来源

2016-10-04 19:35:53 Targaryen

无法在表单提交后强制路由到门户网站

回答

相关问题