导航后Angular 2视图没有响应

Question

我有一个使用 angular 2 的 api 驱动应用程序。我创建了一个扩展 angular2-sails 的全局服务，如果对呼叫的响应是 401 PLEASE_LOGIN，则将用户重定向到注册组件。

问题是当我重定向到注册组件时，视图（正确加载）不响应用户操作。没有错误，组件方法正在调用并在我单击按钮时工作，但视图只是没有反应或更新。

我的设置如下：我的主组件模板引用了 user-sidebar.component。这个侧边栏组件有一个 ngOnInit 方法，它向后端询问经过身份验证的用户。当没有经过身份验证的用户时，加载它的服务重定向到 /signup

我的 user-sidebar.component ngOnInit 方法：

ngOnInit(): void 
{
    this._authService
        .me()
        .subscribe(
            (resData: Object) => { this.user = resData.data; },
            (err: any) => { console.log(err); }
        );
}

AuthService .me() 方法

me(): any 
{
    return this._appService.get('/me');
}

我的 app.service 获取方法：

get(path: string, data: Object): Observable
{
    return this._sailsService.get(path, data)
        .catch(this.handleError.bind(this));
}

public handleError(err: Response): void
{
    // If the server response with unhautorized, redirect to login / signup page
    if(err.statusCode == 401 && err.error == 'PLEASE_LOGIN')
    { 
        this._router.navigate(['/signup']);
    }

    return Observable.throw(err);
}

不确定是角度错误还是我的代码，但我的研究没有给出任何结果。

Answer 1

似乎变化检测不起作用

您可以使用手动调用更改检测

constructor(private zone:NgZone) {}

然后运行

this.zone.run(() => this._router.navigate(['/signup']));

实际上，我不知道为什么不自动调用更改检测。
可能是因为在错误处理程序中调用了router.navigate，但我看不出这是什么原因造成的。