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