如果滿足條件，稍后使用 takeUntil 取消訂閱

Question

在數字不等於 5 的任何情況下，我都想使用 takeUntil 取消訂閱可觀察對象。如果數字為 5，則想做一些事情並稍后取消訂閱，但它不起作用。

這是我的 stackblitz 鏈接： https://stackblitz.com/edit/angular-ivy-lpkzyf?file=src%2Fapp%2Fapp.component.ts

謝謝你。

Answer 1

該聲明

在數字不等於 5 的任何情況下，我都想使用takeUntil取消訂閱一個可觀察對象

不是很清楚。

如果您希望在發出的值不是 5 時取消訂閱可觀察對象，則需要使用takeWhile運算符，而不是takeUntil 。

嘗試以下

 const { of, Subject } = rxjs; const { takeUntil, takeWhile } = rxjs.operators; const unsubscribe$ = new Subject(); of(1, 2, 3, 4, 5, 6).pipe( takeWhile(value => value === 5), takeUntil(unsubscribe$) ).subscribe({ next: (num) => { console.log(num); console.log('something'); unsubscribe$.next(); }, complete: () => console.log('Stream complete') });

 <script src="https://unpkg.com/rxjs@6.6.7/bundles/rxjs.umd.min.js"></script>

但這會在發出 1 時立即關閉 stream。

我認為您正在尋找的是忽略 5 以外的值。在這種情況下，您需要使用filter運算符。

 const { of, Subject } = rxjs; const { filter, takeUntil } = rxjs.operators; const unsubscribe$ = new Subject(); of(1, 2, 3, 4, 5, 6).pipe( filter(value => value === 5), takeUntil(unsubscribe$) ).subscribe({ next: (num) => { console.log(num); console.log('something'); unsubscribe$.next(); }, complete: () => console.log('Stream complete') });

 <script src="https://unpkg.com/rxjs@6.6.7/bundles/rxjs.umd.min.js"></script>