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() 方法将删除用于该 observable 的所有资源,即 observable 将被取消。这是使用 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