AsyncPipe无法正常运行，原因不明

Question

零件：

loading: boolean = false;
loading$ = new Subject<boolean>();

ngOnInit(): void {
  this.loading$.subscribe(e => { this.loading = e; });
  ...
}

模板：

<div *ngIf="loading$ | async">
   <h1>Loading 1 ...</h1>
</div>

<div *ngIf="loading">
   <h1>Loading 2 ...</h1>
</div>

Loading 2正确，但Loading 1不正确。可能是什么原因？

Answer 1

尝试从代码中删除订阅- async将自动执行此操作。

loading: boolean = false;
loading$ = new Subject<boolean>();

ngOnInit(): void {

}