Question

我很困惑如何导入这些运算符。我可以导入一些 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中看不到它......

感谢您的帮助

Answer 1

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中引入lettable运算符，您现在应该利用内置的pipe方法：

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

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

在RxJS: Understanding Lettable Operators

中了解详情

Answer 2

较低版本的rxjs有文件夹

<强> node_modules \ rxjs \操作者

更高版本的rxjs有文件夹

<强> node_modules \ rxjs \运营商

请确保地图中存在打字稿文件位置，其他操作符存在于其中。

如果问题仍然存在，请从node_modules中删除rxjs文件夹并运行命令

npm  install --save

通常这会导致由于更高版本的rxjs降低软件包版本。

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

2 个答案: