捕捉firebase登录错误并在双向绑定不起作用的情况下显示给用户

我有一个非常简单的直接登录模板,我使用Firebase集中登录选项。

[第1部分] 问题是,由于某些原因,大多数浏览器(Chrome除外)接收到错误:

This browser is not supported or 3rd party cookies and data may be disabled

我不能开始告诉人们配置他们的浏览器。。。

[第2部分] 至少,我正在尝试捕捉这些错误,并将它们显示给用户,否则,用户根本不知道问题出在哪里,而且似乎应用程序什么也没做(弹出窗口打开然后关闭,就这样)

verifyErrorMsg() {
    console.log("this.loginError:", this.loginError);
}

loginWithGoogle() {
    this.afAuth.auth.signInWithPopup(new firebase.auth.GoogleAuthProvider())
        .then(userData => {
            console.log("success - moving to main page");

        }).catch(error => {
            this.loginError = error;
            this.verifyErrorMsg();  // show the real error, but in console
        });
}

^^^没有 this 此处发布。。确认这是真实的物体。

模板.html

<button ion-button (click)="verifyErrorMsg()">
   Check login error value
</button>

<p color="danger">
   {{ loginError.message }}
</p>

<p> 获取更新,即使函数 verifyErrorMsg 只打印到控制台。。。

cycle 或 digest