如何取消Angular rxjs Observable的订阅

源代码：

ngOnInit(): void {const ob = new Observable(function subscribe(observer) {// 追踪 interval 资源const intervalID = setInterval(() => {observer.next('hi');}, 1000);// 提供取消和清理 interval 资源的方法return function jerryunsubscribe() {debugger;clearInterval(intervalID);};});const jerry = ob.subscribe((x) => console.log(x));jerry.unsubscribe();}

在Observable的subscribe方法执行时，会进行取消即unsubscribe的注册：

注册到这个私有字段了：

直接call 之前调用subscribe方法返回的对象的unsubscribe方法即可取消订阅：

要获取更多Jerry的原创文章，请关注公众号"汪子熙":

如何取消Angular rxjs Observable的订阅相关推荐

通过一个实际例子理解Angular rxjs Observable的异步行为
源代码: ngOnInit(): void {const a = new Observable((observer) => {observer.next(1);observer.next(2); ...
Angular / RxJs我应该何时退订`Subscription`
本文翻译自:Angular/RxJs When should I unsubscribe from `Subscription` When should I store the Subscriptio ...
Rxjs Observable
创建Observable: Rx.Observable.create 是 Observable 构造函数的别名,它接收一个参数:subscribe 函数. 例子:每秒推送一个"Hi" ...
如何使用Angular rxjs进行优雅限流
比如我有一个按钮,我想实现在一秒之内重复点击,只算被点击一次的效果,在Angular rxjs里实现非常容易: 源代码: ngOnInit(): void {const button = docume ...
Angular RxJS入门笔记（Observable可观察对象、Subscribe订阅、Observer观察者、Subscription对象）
RxJS入门笔记,关于Observable可观察对象.Observer观察者.Subscribe订阅,Subscription Observable可观察对象 Observer观察者总结整体本笔记 ...
使用 RxJs Observable 来避免 Angular 应用中的 Promise 使用
我们通过一个具体的例子来阐述. 考虑您正在构建一个搜索输入掩码,该掩码应在您键入时立即显示结果. 如果您曾经构建过这样的东西,那么您可能会意识到该任务带来的挑战. 不要在每次击键时都点击搜索端点将搜 ...
通过一个最简单的例子，理解Angular rxjs里的Observable对象的pipe方法
源代码: import { of } from 'rxjs'; import { Injectable } from '@angular/core'; import { map } from 'rxj ...
angular的observable
类似于promise,angular里有observable来处理异步操作,接下来简要介绍一下他.在使用observable之前,需要在相应的组件里先引入 import { Observable } ...
angular RxJs
文章目录说明概念理解观察者模式可观察对象 subject BehaviorSubject ReplaySubject 操作符及辅助方法 range(辅助方法) map(操作符) from(辅助 ...

如何取消Angular rxjs Observable的订阅

如何取消Angular rxjs Observable的订阅相关推荐

最新文章

热门文章