angular - 如何: Re-send an http request when using async pipe

Question

像这样在模板中使用异步管道时，有没有办法重新发送 HttpRequest？

myObservable$ = this.http.get('api');

<div *ngFor='let item of myObservable$ | async'>{{item}}</div>

Answer 1

您需要向Observable发出一个新值，如果您需要通过特定事件重新获取数据，您可以将事件放入Observable并使用switchMap 用于触发器获取:

event$ = new BehaviorSubject(true);

myObservable$ = this.event$.pipe(
  switchMapTo(this.http.get('api'))
);

refetchData() {
  this.event$.next();
}