Gecikmeli bir gözlemlenebilirliği nasıl yaratabilirim

Soru

Test amacıyla, Observablegerçek bir http çağrısı ile döndürülecek olan gözlemlenebilir olanı değiştiren nesneler oluşturuyorum Http.

Gözlemlenebilirim aşağıdaki kodla oluşturulur:

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

Mesele şu ki, bu gözlemlenebilir anında yayılıyor. Emisyonuna özel bir gecikme eklemenin bir yolu var mı?

Izlemek

Bunu denedim:

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

Ama işe yaramıyor gibi görünüyor.

Aşağıdaki içe aktarımların kullanılması:

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

Bunu dene:

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

GÜNCELLEME: RXJS 6

Yukarıdaki çözüm artık RXJS'nin daha yeni sürümlerinde (ve örneğin açısal) gerçekten çalışmıyor.

Öyleyse senaryo, bir API ile kontrol etmem gereken bir dizi öğeye sahip olduğum. API yalnızca tek bir öğeyi kabul ediyor ve tüm istekleri tek seferde göndererek API'yi öldürmek istemiyorum. Bu yüzden, Gözlemlenebilir akıştaki öğelerin arada küçük bir gecikmeyle zamanlanmış olarak yayınlanmasına ihtiyacım var.

Aşağıdaki içe aktarmaları kullanın:

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

Ardından aşağıdaki kodu kullanın:

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

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

Temel olarak dizinizdeki her öğe için yeni bir 'gecikmeli' Gözlemlenebilir oluşturur. Muhtemelen bunu yapmanın birçok yolu vardır, ancak bu benim için iyi çalıştı ve 'yeni' RXJS formatıyla uyumlu.

RxJS 5+ ile bunu şu şekilde yapabilirsiniz

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

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

RxJS 6+ içinde

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

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

Yayılan her değeri geciktirmek istiyorsanız deneyin

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

İstediğin şey bir zamanlayıcı:

// 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));

Cevap vermek için biraz geç ... ama her ihtimale karşı birisi bu soruya cevap aramak için geri dönebilir

'gecikme' bir Gözlemlenebilir'in özelliğidir (işlevidir)

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

Bu benim için çalıştı ...

import * as Rx from 'rxjs/Rx';

Darbe kodunun çalışması için yukarıdaki içe aktarmayı eklemeliyiz

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

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