router.navigate偶尔不会更改视图

时间:2017-04-05 18:16:49

标签: angular angular2-routing

我不确定原因,但登录后导航到主页的次数最多。但是,有时,应用程序将保留在登录页面上,而不是按原样加载主页。

我添加了.then和console.logs,但即使失败了,我也能获得导航成功'在控制台中。我不知道还有什么可以寻找的。它可能有75%的时间可以工作,但是当它无法解释原因时,我在控制台中什么也得不到。

当它失败时,控制台中没有消息,没有我能看到的错误,页面视图保留在登录表单上,浏览器的地址栏没有改变,最重要的是我得到它上方的吐司信息。我也试过在导航电话之后移动吐司,即使它没有导航也仍然会祝酒。所以我不认为toastService会以任何方式影响它。

public submitLogin(Login) { this.loginService.login(Login.value.email, Login.value.password) .subscribe( () => { this.toasterService.pop('success', 'Login', 'Successfully logged in'); this.router.navigate(['./home']).then( () => console.log('navigation successful'), () => console.log('navigation failed') ); }, err => { this.error = ApiHelper.buildErrorStringFromResponse(this.Login.controls, err); } ); }

1 个答案:

答案 0 :(得分:1)

我发现解决方案是因为我没有使用.share(),因此订阅并不总是按固定顺序执行。对于原始的http调用,我在添加订阅之前添加了.share(),现在它总是运行正确。