angular – 如何从`rxjs`包中正确导入运算符

发布时间：2020-12-17 08:46:58 所属栏目：安全来源：网络整理

导读：我很困惑如何导入这些运算符.我可以导入一些 import’rxjs / add / operator / do’;有些我不能.例如,这不起作用： import’rxjs / add / operator / map’; (我在rxjs / add / operator中检查过,map存在). 基本上我想要做的是在Angular4中重现这个： var re

我很困惑如何导入这些运算符.我可以导入一些
import’rxjs / add / operator / do’;有些我不能.例如,这不起作用：
import’rxjs / add / operator / map’; (我在rxjs / add / operator中检查过,map存在).

基本上我想要做的是在Angular4中重现这个：

var requestStream = Rx.Observable.just('https://api.github.com/users');

var responseStream = requestStream
  .flatMap(function(requestUrl) {
    return Rx.Observable.fromPromise(jQuery.getJSON(requestUrl));
  });

responseStream.subscribe(function(response) {
  // render `response` to the DOM however you wish
});

我也想知道如何处理just运算符,因为我在rxjs / add / operator中看不到它…

谢谢你的帮助

RxJS中有静态和实例运算符：

static
   of
   interval

instance
   map
   first

您可能希望在Observable全局对象或可观察的实例上使用这些,如下所示：

Observable.of()
observableInstance.map()

为此,您需要从add包导入模块：

import 'rxjs/add/observable/of'
import 'rxjs/add/operator/map'

导入模块时,它实际上通过添加与运算符对应的方法来修补Observable类或Observable原型.

但您也可以直接导入这些运算符,而不修补Observable或observableInstance：

import { of } from 'rxjs/observable/of';
import { map } from 'rxjs/operator/map';

of()
map.call(observableInstance)

通过在RxJs@5.5中引入可调运算符,您现在应该利用内置管道方法：

import { of } from 'rxjs/observable/of';
import { map } from 'rxjs/operators/map';

of().pipe(map(),...)

阅读更多RxJS: Understanding Lettable Operators

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!