RxJS - Работа с подпиской

Когда наблюдаемый объект создается, для его выполнения нам нужно подписаться на него.

count () оператор

Вот простой пример того, как подписаться на наблюдаемое.

Пример 1

import { of } from 'rxjs';
import { count } from 'rxjs/operators';

let all_nums = of(1, 7, 5, 10, 10, 20);
let final_val = all_nums.pipe(count());
final_val.subscribe(x => console.log("The count is "+x));

Вывод

The count is 6

В подписке есть один метод - unsubscribe (). Вызов метода unsubscribe () удалит все ресурсы, используемые для этого наблюдаемого, т.е. наблюдаемое будет отменено. Вот рабочий пример использования метода unsubscribe ().

Пример 2

import { of } from 'rxjs';
import { count } from 'rxjs/operators';

let all_nums = of(1, 7, 5, 10, 10, 20);
let final_val = all_nums.pipe(count());
let test = final_val.subscribe(x => console.log("The count is "+x));
test.unsubscribe();

Подписка хранится в переменной test. Мы использовали наблюдаемое test.unsubscribe ().

Вывод

The count is 6