Angular如何取消Observable并重新调用服务方法?
创始人
2024-10-29 07:30:51
0

我们可以使用Subject和switchMap操作符来解决这个问题。当需要取消可观察对象并重新调用服务方法时,可以先定义一个Subject作为开关,并在服务方法中使用switchMap来切换到新的可观察对象。

代码示例:

  1. 在组件中定义一个Subject:
import { Subject } from 'rxjs';

cancel$: Subject = new Subject();
  1. 在服务中定义一个方法,使用switchMap切换到新的可观察对象:
import { Observable, of } from 'rxjs';
import { switchMap, takeUntil } from 'rxjs/operators';

getData(): Observable {
  return this.http.get(url)
    .pipe(
      switchMap(() => this.http.get(newUrl)),
      takeUntil(this.cancel$)
    );
}
  1. 在组件中使用Subject取消可观察对象并重新调用服务方法:
getData() {
  this.service.getData()
    .subscribe(
      data => {
        // do something with data
      }
    );
}

cancelPreviousRequest() {
  this.cancel$.next();
}

相关内容

热门资讯

必备辅助推荐!吉祥棋牌科技有挂... 必备辅助推荐!吉祥棋牌科技有挂吗(透视)竟然存在有挂(2025已更新)(哔哩哔哩)1、许多玩家不知道...
微扑克ai机器人!微扑克辅助安... 微扑克ai机器人!微扑克辅助安卓版本,WPK切实真的有挂,透明挂教程(有挂科普);人气非常高,ai更...
第三方教程!wepoke最新下... 这是一款非常优秀的WEPoke ia辅助检测软件,能够让你了解到WEPoke中牌率当中全部隐藏参数,...
微扑克游戏辅助器!微扑克俱乐部... 微扑克游戏辅助器!微扑克俱乐部机器人,微扑克ai代打(其实有辅助挂)1、很好的工具软件,可以解锁游戏...
盘点一款!心悦麻将挂踢坑(辅助... 盘点一款!心悦麻将挂踢坑(辅助)切实是真的有挂(2024已更新)(哔哩哔哩);1、心悦麻将挂踢坑透视...
揭秘攻略!wepoke软件透明... 揭秘攻略!wepoke软件透明挂辅助(wepoke有辅助挂)WepOke(就是真的有挂)1、完成We...
微扑克全自动机器人!微扑克辅助... 微扑克全自动机器人!微扑克辅助器是真的(透视辅助)一贯有挂1、打开德州poker外挂分析微扑克开挂官...
玩家必看!开心武汉花可以开挂吗... 玩家必看!开心武汉花可以开挂吗(辅助)本来是有挂(2024已更新)(哔哩哔哩)1、玩家必看!开心武汉...
wepoke辅助有挂!wepo... WePoker透视辅助版本解析‌,wepoke辅助有挂!wepoke透明挂辅助,WepOke果然真的...
微扑克ai机器人!微扑克app... 微扑克ai机器人!微扑克app发牌规律(透视)真是真的有挂是一款可以让一直输的玩家,快速成为一个“必...