LoginSignup
0
2

More than 5 years have passed since last update.

RxJSのTypeScriptで、演算子一括importする

Last updated at Posted at 2017-07-26

RxJS v6 以降の書き方

こういうふうにしかimportできなくなってます。
pipe重ねて、ofは直接importして。

import { of } from 'rxjs'; // of を import
import { map } from 'rxjs/operators'; // pipe で使う演算子 を import

of(1,2,3).pipe(map(x => x + '!!!')).subscribe(str => console.log(str));

// 1!!!
// 2!!!
// 3!!!

v5以前の記事


いままでTypeScriptでRxやるときは、都度、必要なオペレータ(演算子)を追記importしてたんですけど

import { Observable } from 'rxjs/Observable'; // // Observable を import
import 'rxjs/add/observable/of'; // Observable.of を import
import 'rxjs/add/operator/map'; // Observable.map を import


Observable.of(1,2,3).map(x => x + '!!!').subscribe(str => console.log(str));

// 1!!!
// 2!!!
// 3!!!

これで一括importできた。

import { Observable } from 'rxjs/Rx'; // 中核演算子付与済みObservable

Observable.of(1,2,3).map(x => x + '!!!').subscribe(str => console.log(str));

// 1!!!
// 2!!!
// 3!!!

てか、ちゃんとReadme.md読んだら いの一番に Important って書いてあるんだけど。

0
2
3

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
2