如何将 merge 和 fromEvent 运算符导入 Angular 6、rxjs 6.2.0？答案

【问题标题】：how to import the merge and fromEvent operators to Angular 6, rxjs 6.2.0?如何将 merge 和 fromEvent 运算符导入 Angular 6、rxjs 6.2.0？
【发布时间】：2019-03-29 19:56:06
【问题描述】：

我有一个使用 Angular 5 和 rxjs 5.5.5 编写的项目。如何正确将其导入 Angular 6、rxjs 6.2.0？我可以写 'import {Observable,of, from } from 'rxjs';'，但是我遇到了 'merge' 和 'fromEvent' 的问题

import {Observable} from 'rxjs/Observable';
import 'rxjs/add/observable/merge';
import 'rxjs/add/observable/fromEvent';

请帮我解决这个问题

【问题讨论】：

使用 RxJS 6 你应该使用 pipable 操作符，见github.com/ReactiveX/rxjs/blob/master/doc/pipeable-operators.md
您也可以安装rxjs-compat 以实现向后兼容性，但最好升级并使用 RxJS 6 样式。
Angular 6 RXJS Import Syntax?的可能重复

标签： angular rxjs

【解决方案1】：

查看此migration document。正确的导入是：

import {
    Observable,
    fromEvent,
    merge
} from 'rxjs';

【讨论】：

好的，但是之后我该如何解决这个问题呢？ return Observable.merge(...displayDataChanges).map(() => { // Filter data this.filteredData = this._exampleDatabase.data.slice().filter((item: UserData) => { let searchStr = (item.name + item.color).toLowerCase(); return searchStr.indexOf(this.filter.toLowerCase()) != -1; });
[ts] 类型“typeof Observable”上不存在属性“merge”。
@senjust 只需调用merge(...displayDataChanges).pipe(map()); 而不是Observable.merge(...displayDataChanges).map()。
阅读迁移指南，链接到关于转换为管道语法的部分：github.com/ReactiveX/rxjs/blob/master/docs_app/content/guide/v6/…
谢谢，marge 解决了这个问题。请告诉我如何使用 fromEvent：Observable.fromEvent(this.filter.nativeElement, 'keyup') .debounceTime(150) .distinctUntilChanged() .subscribe(() => {...}); 我尝试这种方式，但出现错误：fromEvent(this.filter.nativeElement, 'keyup').pipe(debounceTime(150) .distinctUntilChanged() .subscribe(() => {...}));