在我的角度应用程序中,我使用异步管道多次渲染组件
<app-main-chart [type]="type" [name]="Name" [values]="values$ | async" [objectifs]="dataObjectifs"></app-main-chart>
...
...
<app-main-chart [type]="type" [name]="Name" [values]="values$ | async" [objectifs]="dataObjectifs"></app-main-chart>
问题是导致多个 http 请求。
我怎样才能只使用一个请求?
Method 1
您可以使用shareReplay https://www.learnrxjs.io/operators/multicasting/sharereplay.html操作员。
共享源并在订阅时重播指定数量的发射。
import { shareReplay } from 'rxjs/operators';
values$ = source
.pipe(
shareReplay()
);
Method 2
您可以在控制器中订阅并在模板中使用该值。
ngOnInit() {
this.values$.subscribe(values => this.values = values);
}
然后在模板中:
<app-main-chart [type]="type"
[name]="Name"
[values]="values"
[objectifs]="dataObjectifs">
</app-main-chart>
Method 3
你可以把它包起来ngIf
block:
<div *ngIf="values$ | async as values">
<app-main-chart [type]="type"
[name]="Name"
[values]="values"
[objectifs]="dataObjectifs">
</app-main-chart>
<app-main-chart [type]="type"
[name]="Name"
[values]="values"
[objectifs]="dataObjectifs">
</app-main-chart>
</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)