Rxjs-utility-operator-observeon

提供:Dev Guides
移動先:案内検索

RxJS-ユーティリティオペレーターobserveOn

入力スケジューラに基づくこのオペレーターは、ソースObservableからの通知を再送信します。

構文

observeOn(scheduler): Observable

パラメーター

*_scheduler_* -スケジューラは、ソースオブザーバブルから通知を再送信するのに役立つ入力として使用されます。

戻り値

ソースオブザーバブルと同じオブザーバブルを返しますが、スケジューラパラメータを使用します。

import { interval } from 'rxjs';
import { observeOn } from 'rxjs/operators';
import { animationFrameScheduler } from 'rxjs';

let testDiv = document.getElementById("test");
const intervals = interval(100);
let case1 = intervals.pipe(
   observeOn(animationFrameScheduler),
);
let sub1 = case1.subscribe(val => {
   console.log(val);
   testDiv.style.height = val + 'px';
   testDiv.style.width = val + 'px';
});

出力

observeOn Operator