清除一個可觀察數組 angular

Question

如何從可觀察數組中刪除所有項目？ 它是無限卷軸的一部分

https://stackblitz.com/edit/infinite-scroll-firestore?file=app%2Fapp.component.html

 this.data = this._data.asObservable()
  .pipe(
    scan( (acc, val) => { 
      return this.query.prepend ? val.concat(acc) : acc.concat(val)
    })
  )

我想刪除數據數組中的所有內容。 重置函數對它只是從 _data 中刪除的可觀察數據沒有做任何事情

reset() {
  this._data.next([])
}

我也嘗試將其設置為 null 但它沒有用

reset() {
  this._data.next(null)
}

即使我這樣設置

this.data = new Observable 

Answer 1

下面的代碼會將空的可觀察數組分配給數據 object

this.data = of([]);

Answer 2

您可以應用幾個高階函數來改變 state：

const reset = () => (state) => [];
const add = (newValue) => (state) => [...state, newValue];
const overwrite = (newState) => (state) => newState;

const reset$ = new Subject();
const add$ = new Subject();
const data$ = this._data.asObservable()
...

const data = merge(
  reset$.pipe(map(reset)),
  add$.pipe(map(add)),
  data$.pipe(map(overwrite))
).pipe(
  scan((state, fn) => fn(state), [])
);

• 接下來reset$將清除您的 state: reset$.next();
• 將值添加到add$會將值添加到您的 state： add$.next(1);
• 如果您的_data發出新值，它將覆蓋當前的 state