angular rxjs 在沒有訂閱的情況下發送所有 observable 之后做一些事情

Question

我將使用異步管道，不會運行訂閱方法。

像連接 1 到 10 並將每 3 個數字切片到一個新數組。

 import { timer, concat, interval, range } from 'rxjs'; import { delay, map, tap, take, startWith } from 'rxjs/operators'; const sliceEveryN = (a,b) => console.log('Method runs') const arr = [] const source = range(1, 5); // [1..5] const source2 = range(6, 5); // [6..10] const final = concat(source, source2).pipe( map(v => arr.push(v)) ).pipe( // I want to this at last, not every observable sent map(v => sliceEveryN(3, v)) // [[1,2,3], [4,5,6], [7,8,9], [10]] )

這將運行 sliceEveryN 方法十次，預計一次。

Answer 1

使用bufferCount(N)將緩沖 N 個發射並發射和聚合數組：

收集發出的值直到滿足提供的數字，作為數組發出

const final = concat(source, source2).pipe(
    tap(v => arr.push(v)),
    bufferCount(3),
    tap(v => console.log(v))
);

這將發出每 3 個值的數組並將它們打印到控制台。