Angular CLI 中的 RxJS 可出租运算符

Question

拥有使用 Angular CLI 1.5.0 生成的 Angular 5 应用程序，我想使用 lettable 运算符。但是，简单的用法失败了：

import { Component } from '@angular/core';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/observable/of';
// import 'rxjs/add/operator/mergeMap';
import { mergeMap } from 'rxjs/operators';

@Component({
  selector: 'foo-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {
  title: Observable<string>;

  constructor() {
    this.title = Observable.of(['Hello', 'World']).mergeMap(x => Observable.of(x.join(' ')));
  }
}

生产：

文件：'file:///c%3A/Users/drago/fooGui-1.5.0/src/app/app.component.ts' 严重性：'错误'消息：'属性'mergeMap'在类型上不存在 '可观察的'。在：'16,52' 来源：'ts'

为了在 Angular CLI 中使用 lettable 操作符，是否还需要进行其他配置？

谢谢

Answer 1

我相信您需要使用 pipe 运算符来调用可出租运算符 ref

import { mergeMap } from 'rxjs/operators';
this.title = Observable.of(['Hello', 'World']).mergeMap(x => Observable.of(x.join(' ')));

改成

import { mergeMap } from 'rxjs/operators';
this.title = Observable.of(['Hello', 'World']).pipe(
  mergeMap(x => Observable.of(x.join(' ')))
);

顺便说一句，mergeMap 和 Observable.of 不会互相抵消吗？所以，

this.title = Observable.of(['Hello', 'World']).pipe(
  map(x => x.join(' '))
);