微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何在TypeScript中的ReactiveX / rxjs 5中使用exhaustMap

我想知道如何处理一个数组,其中每个值按照指定的顺序返回Promise.例如,假设我想按此顺序调用多个Ajax调用
var array = [
    'http://example.org','http://otherexample.org','http://anotherexample.org',];

基本上是同样的问题:How can I use RxJs to hold off any requests for an AJAX call until the previous one resolves,建议使用flatMapFirst.

由于我在使用rxjs@5.0.0-beta.2的TypeScript中使用Angular2(此刻为beta-15),我发现了flatMapFirst has been renamed to exhaustMap.

但是此运算符未在Observable.ts中列出,因此我无法使用它.它甚至没有出现在捆绑版本的RxJS https://code.angularjs.org/2.0.0-beta.15/Rx.js中.

那么,我该如何使用呢?或者还有其他方法可以满足我的需求吗?它的package.json列出了很多构建脚本,我应该强制它使用其中一个吗?

编辑:我应该提到我使用的是ReactiveX/rxjs库,而不是Reactive-Extensions/RxJS

Operator concatMap()完成了这项工作:
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/concatMap';

var urls = [
  'https://httpbin.org/get?1','https://httpbin.org/get?2','https://httpbin.org/get?3','https://httpbin.org/get?4','https://httpbin.org/get?5',];     

Observable.from(this.urls)
  .concatMap(url => http.get(url))
  .subscribe(response => console.log(response.url))
;

这打印到控制台:

https://httpbin.org/get?1
https://httpbin.org/get?2
https://httpbin.org/get?3
https://httpbin.org/get?4
https://httpbin.org/get?5

原文地址:https://www.jb51.cc/angularjs/143612.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐