代码之家 › 专栏 › 技术社区 › Don Tomato

由于未知原因,AsyncPipe无法工作

angular

Don Tomato · 技术社区 · 6 年前

组成部分:

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 不。原因可能是什么?

2 回复 | 直到 6 年前

Harun Yilmaz 6 年前

因为你的 loading$ 主题没有任何初始值。

BehaviorSubject

第一种方式:

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

constructor() {
  this.loading$.next(true);
}

第二种方式:

loading$ = new BehaviorSubject<boolean>(true);

进一步阅读:

Suren Srapyan 6 年前

尝试从代码中删除订阅- async

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

ngOnInit(): void {

}

推荐文章

Kiara · 根据条件角度显示多个模板

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Piotr Deja · 如何在subscribe方法中为参数赋值,然后从组件内部的任何位置检索该值?

1 年前

Ben5 · 服务器端总是接触FormControl

1 年前

allforthenoob · 我该怎么分类?

1 年前

Hamid Elouardaoui · 角度生成:发生未处理的异常:服务不再运行

1 年前

Hugh Jones · 如何创建适用于多个来源的自签名开发证书

1 年前

jthorn · 角度对象未在HTML中显示

1 年前

clem · 如何在Angular应用程序中突出显示页面的一部分?

2 年前

Kael · 在html表格中显示关系api数据-角度

2 年前