Як я можу створити спостережуваний із затримкою

Питання

Для цілей тестування я створюю Observableоб'єкти, які замінюють спостережуваний, який повертається фактичним викликом http Http.

Моє спостережуване створюється з таким кодом:

fakeObservable = Observable.create(obs => {
  obs.next([1, 2, 3]);
  obs.complete();
});

Справа в тому, що це спостережуване виділяє негайно. Чи є спосіб додати спеціальну затримку до її викиду?

Трек

Я спробував це:

fakeObservable = Observable.create(obs => {
  setTimeout(() => {
    obs.next([1, 2, 3]);
    obs.complete();
  }, 100);
});

Але це, здається, не працює.

Використовуючи такі імпорти:

import {Observable} from 'rxjs/Observable';
import 'rxjs/add/observable/of';
import 'rxjs/add/operator/delay';

Спробуйте це:

let fakeResponse = [1,2,3];
let delayedObservable = Observable.of(fakeResponse).delay(5000);
delayedObservable.subscribe(data => console.log(data));

ОНОВЛЕННЯ: RXJS 6

Наведене вище рішення насправді вже не працює в нових версіях RXJS (і, наприклад, angular).

Отже, сценарій полягає в тому, що у мене є масив елементів для перевірки за допомогою API. API приймає лише один елемент, і я не хочу вбивати API, надсилаючи всі запити одночасно. Тож мені потрібен часовий випуск елементів у потоці Observable з невеликою затримкою між ними.

Використовуйте такі імпорти:

import { from, of } from 'rxjs';
import { delay } from 'rxjs/internal/operators';
import { concatMap } from 'rxjs/internal/operators';

Потім використовуйте такий код:

const myArray = [1,2,3,4];

from(myArray).pipe(
        concatMap( item => of(item).pipe ( delay( 1000 ) ))
    ).subscribe ( timedItem => {
        console.log(timedItem)
    });

Це в основному створює нове сповільнене спостереження для кожного елемента у вашому масиві. Можливо, існує багато інших способів зробити це, але це для мене добре працювало і відповідає "новому" формату RXJS.

У RxJS 5+ ви можете зробити це так

import { Observable } from "rxjs/Observable";
import { of } from "rxjs/observable/of";
import { delay } from "rxjs/operators";

fakeObservable = of('dummy').pipe(delay(5000));

У RxJS 6+

import { of } from "rxjs";
import { delay } from "rxjs/operators";

fakeObservable = of('dummy').pipe(delay(5000));

Якщо ви хочете затримати кожне випущене значення, спробуйте

from([1, 2, 3]).pipe(concatMap(item => of(item).pipe(delay(1000))));

Те, що вам потрібно, - це таймер:

// RxJS v6+
import { timer } from 'rxjs';

//emit [1, 2, 3] after 1 second.
const source = timer(1000).map(([1, 2, 3]);
//output: [1, 2, 3]
const subscribe = source.subscribe(val => console.log(val));

Відповісти пізно ... але про всяк випадок може хтось повернутися до цього питання, шукаючи відповіді

"затримка" є властивістю (функцією) спостережуваного

fakeObservable = Observable.create(obs => {
  obs.next([1, 2, 3]);
  obs.complete();
}).delay(3000);

Це спрацювало для мене ...

import * as Rx from 'rxjs/Rx';

Ми повинні додати вищевказаний імпорт, щоб змусити код удару працювати

Let obs = Rx.Observable
    .interval(1000).take(3);

obs.subscribe(value => console.log('Subscriber: ' + value));