Javascript Angular2路由器-window.opener:forwar中丢失的更改检测

Javascript Angular2路由器-window.opener:forwar中丢失的更改检测,javascript,angular,angular2-routing,prototype-programming,Javascript,Angular,Angular2 Routing,Prototype Programming,当我打开OAuth的弹出窗口,并通过 window.opener.closeCallbackFunction(); 那么我的变更检测在转发页面上就不起作用了 function _window(): any { return window; } @Component({ selector: 'app-register', templateUrl: './register.component.html', }) export class ConsultantRegisterCompo

当我打开OAuth的弹出窗口,并通过

window.opener.closeCallbackFunction();
那么我的变更检测在转发页面上就不起作用了

function _window(): any {
  return window;
}

@Component({
  selector: 'app-register',
  templateUrl: './register.component.html',
})
export class ConsultantRegisterComponent {

    constructor() {
    }

    openPopup() {
        let _this = this;
        let selfWindow = _window();
        let popup = lib.PopupCenter('/RegisterWithFacebook', 'Sign In', 600, 400);

        selfWindow.closeCallbackFunction = function () {
            popup.close();
            _this.forward.call(_this);
        };

    }

    forward() {
        this.router.navigate(['/register-oauth']);
    }
}

这是一个bug,还是我做错了什么?

好吧,谷歌搜索了一个解决方案:只需要使用NgZone:

function _window(): any {
  return window;
}

@Component({
  selector: 'app-register',
  templateUrl: './register.component.html',
})
export class ConsultantRegisterComponent {

    constructor(private _zone:NgZone) {
    }

    openPopup() {
        let _this = this;
        let selfWindow = _window();
        let popup = lib.PopupCenter('/RegisterWithFacebook', 'Sign In', 600, 400);

        selfWindow.closeCallbackFunction = function () {
            popup.close();
            _this.forward.call(_this);
        };

    }

    forward() {
        this._zone.run(() => {
           this.router.navigate(['/register-oauth']);
        });
    }
}