角函数被多次调用

Question

我有一个正在调用模板的组件方法。

例如：

export class Component {
  isValid(id): Observable<boolean> {
    return service.isValid(id)
  }
}

<div *ngIf="isValid(1) | async"></div>
<div *ngIf="isValid(2) | async"></div>
<div *ngIf="isValid(3) | async"></div>

isVaild方法返回一个可观察值。 问题在于，在每个更改检测周期中，Angular都会调用isValid方法，该方法返回一个新的可观察对象。

对这种情况有什么解决方案？

Answer 1

如果订阅该服务，那么您将在回调函数中使用该逻辑，如下所示

export class Component {
  isValid: boolean;

  isValid(id) {
    service.isValid(id).subscribe(response => {
      this.isValid = response;
    });
  }
}

然后在模板中，您不需要调用isValid函数，也无需使用| async | async

<div *ngIf="isValid(1)"></div>
<div *ngIf="isValid(2)"></div>
<div *ngIf="isValid(3)"></div>