Załóżmy, że chcemy się dowiedzieć kiedy został dodany konkretny fragment kodu lub po prostu przejrzeć historię zmian nad tym fragmentem.

W Webstorm można to zrobić tak:

1. Zaznacz interesujący Ciebie fragment kodu, dla którego chcesz przejrzeć historię
2. Kliknij prawym przyciskiem myszy
3. Następnie wybierz z menu: Git -> Show History for Selection

Operator takeWhile wysyła dane z obiektu Observable do momentu, gdy zdefiniowany warunek zostaje spełniony. Jeśli określony warunek nie zostanie spełniony dane z Observable przestają być wysyłane.

Przykład

import { interval } from 'rxjs';
import { takeWhile } from 'rxjs/operators';

const timer$ = interval(1000);

timer$.pipe(
    takeWhile(value => value <= 3)
).subscribe(console.log);
// 0
// 1
// 2
// 3

Do operatora takeWhile przekazujemy funkcję, w której definiujemy warunek, jaki musi zostać spełniony, żeby dane były emitowane ze źródła. Jeśli tak zdefiniowany warunek nie zostanie spełniony obiekt Observable zakończy wysyłanie danych.

Operator take służy do pobrania N razy danych wysłanych z Observable.

Na przykład chcemy nasłuchiwać tylko trzy raz zdarzenia kliknięcia klawisza Enter. Później już nie chcemy pobierać sygnałów z Observable.

Przykład

import { fromEvent } from 'rxjs';
import { map, filter, take } from 'rxjs/operators';

const observable = fromEvent(document, 'keydown').pipe(
    filter(event => event.key === 'Enter'),
    take(3),
    map(event => event.key)
);

observable.subscribe(console.log);