如何用删除可观察到的 - 角

Question

我试图从可观察到的所有内容中删除所有内容，但它不起作用：

这是我到目前为止所做的：

    deleteAllHistory(Histories$:Observable<History[]>){
    Histories$.forEach((history)=>{this.deleteHistory(history.id)})
  }

当我单击组件中的按钮时，我会触发此功能。这是处理我的组件.ts中删除的功能：

Histories$=this.facade.Histories$;

histo:History[];

this.Histories$.subscribe(history => {
        this.histo = history as History[];
        
    })

onDeleteAll(){
        this.historyService.deleteAllHistory(this.histo);
      }

但是它没有删除任何内容，我想是因为我必须从可观察的：历史记录$中删除。

谢谢您的宝贵时间！

根据要求，帖子呼叫：

addHistory(history:History){
    return this.http.post(this.apiURL, history);
  }

这是模板的标准：

<ng-container *ngIf="Histories$ | async">
                <ng-container
                  *ngFor="let group of Histories$ | async | groupByDay"
                >
                  <strong>{{ group[0] | date:'longDate'}}</strong>
                  <br />
                  <br />
              
                  <div *ngFor="let history of group[1]">
            <mat-list-item  class="historyClicking" (mouseover)="history.showTrash=true" (mouseout)="history.showTrash=false" (click)="onclick()">

                
                <div class="block">
                     
                <div matList>{{history.SNS}}</div>
                <div matList>{{history.title}}</div>
                <div matList>{{history.DMC}}</div>

Answer 1

对于HTTP请求，您需要订阅可观察的。
这是使用 forkjoin forkjoin

deleteAllHistory(histories: History[]){
  return Observable.forkJoin(
    ...histories.map(history => this.http.delete(`${this.apiURL}/${history.id}`)
  );
}

onDeleteAll(){
  this.historyService
      .deleteAllHistory(this.histo)
      .subscribe(() => console.log('Deleted all'));
}