Наблюдаемый результат не работает в шаблоне?

Question

Мой код предварительного загрузчика:

import { Injectable } from "@angular/core";
import { Subject, Observable } from 'rxjs';

@Injectable()
export class SpinnerService {
  private preloaderState$ = new Subject<boolean>();

  activate() {
    this.preloaderState$.next(true);
  }

  disactivate() {
    this.preloaderState$.next(false);
  }

  preloader(): Observable<boolean> {
    return this.preloaderState$.asObservable();
  }
}

Шаблон:

<div *ngIf="spinnerService.preloader() | async">Loading...</div>

Предварительный загрузчик активации:

this.spinnerService.activate()

Почему я не получаю сообщение Загрузка .. .

Answer 1

Когда вы связываете видимый метод, он вызывается при каждом триггере обнаружения изменений и каждый раз, когда вы создаете новую подписку на эту тему и ожидаете следующего состояния. Вызовите этот метод один раз и прикрепите для просмотра.

Answer 2

потому что это не очередь на момент подписки, она не воспроизводила все предыдущие события

попробуйте BehaviorSubject, вместо этого он будет хранить последнее значение для новых подписчиков

private preloaderState$ = new BehaviorSubject<boolean>(false);