* ngIf导致浏览器崩溃

时间:2017-06-25 15:25:19

标签: angular

在我的一个模板中,我的条件如下:

<span *ngIf="(authService.isAuthenticated() | async)"> .. </span>

isAuthenticated()函数定义如下:

 isAuthenticated() {
    return new Promise((resolve, reject) => {

      if (firebase.auth().currentUser) {
        resolve(true);
        this.updateToken();
      } else {
        resolve(false);
      }

    });
  }

为什么会导致浏览器崩溃?

1 个答案:

答案 0 :(得分:1)

您无法直接从组件执行服务方法。

在component.ts中定义一个布尔变量,并根据服务值进行设置。

1/rahul/cs
10/manish sharma/mba
5/jhon/ms
2/ram/bba

并通过调用您的服务来更改变量。将您的HTML更新为

 isAuthenticated = false;

这是将authService注入组件的方法,

<span *ngIf="isAuthenticated"> .. </span>