Firebase authentication 捕获firebase登录的错误并向双向Bing不起作用的用户显示

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

[part1]问题是，出于某种原因，除了Chrome之外，大多数浏览器都出现了错误：

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

我是否有任何firebase配置问题或其他问题？因为我没有看到任何关于这些问题的帖子，而且我也不是唯一一个遇到这些问题的人。。。（仅Chrome作品，无问题）

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

[part 2]至少，我正在尝试捕捉这些错误，并将它们显示给用户，否则，用户不知道问题出在哪里，而且应用程序似乎什么都没有做（弹出窗口打开然后关闭，就是这样）

login.ts

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
        });
}

^^^这里没有

这个问题。。确认这是真实的物体

template.html

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

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


检查登录错误值

{{loginError.message}


有趣/奇怪的是，当我点击我的测试按钮来验证这一时刻的真实值时-然后突然
得到更新，即使函数
verifyErrorMsg
只打印到控制台

我想这是一个
循环
或
摘要
之类的东西。。但我不确定这里需要做什么
 这实际上不是所谓的双向数据绑定（仅当使用
ngModel
时），这实际上是所谓的
插值
，它们不是双向的。为了检测这些变量的变化-我们需要使用
ChangeDetectorRef
：查看中的答案：但是如果有人能帮我完成第1部分-那就太好了