💡 When the optional inclusive parameter is set to true it will also emit the first item that didn't pass the predicate.
Examples
Example 1: Take values under limit
( | | )
// RxJS v6+
import { of } from 'rxjs';
import { takeWhile } from 'rxjs/operators';
//emit 1,2,3,4,5
const source$ = of(1, 2, 3, 4, 5);
//allow values until value from source is greater than 4, then complete
source$
.pipe(takeWhile(val => val <= 4))
// log: 1,2,3,4
.subscribe(val => console.log(val));
Example 2: (v6.4+) takeWhile with inclusive flag
// RxJS v6.4+
import { of } from 'rxjs';
import { takeWhile, filter } from 'rxjs/operators';
const source$ = of(1, 2, 3, 9);
source$
// with inclusive flag, the value causing the predicate to return false will also be emitted
.pipe(takeWhile(val => val <= 3, true))
// log: 1, 2, 3, 9
.subscribe(console.log);