Làm thế nào tôi có thể tạo ra một sự chậm trễ có thể quan sát được

Câu hỏi

Với mục đích thử nghiệm, tôi đang tạo Observablecác đối tượng thay thế các đối tượng có thể quan sát được sẽ được trả về bởi một lệnh gọi http thực tế Http.

Có thể quan sát của tôi được tạo bằng mã sau:

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

Vấn đề là, điều này có thể quan sát được phát ra ngay lập tức. Có cách nào để thêm độ trễ tùy chỉnh vào phát xạ của nó không?

Theo dõi

Tôi đã thử điều này:

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

Nhưng nó dường như không hoạt động.

Sử dụng các phép nhập sau:

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

Thử đi:

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

CẬP NHẬT: RXJS 6

Giải pháp trên không thực sự hoạt động nữa trong các phiên bản RXJS mới hơn (và của góc cạnh chẳng hạn).

Vì vậy, tình huống là tôi có một loạt các mục để kiểm tra với một API. API chỉ chấp nhận một mục duy nhất và tôi không muốn hủy API bằng cách gửi tất cả các yêu cầu cùng một lúc. Vì vậy, tôi cần bản phát hành theo thời gian của các mục trên luồng Có thể quan sát với độ trễ nhỏ ở giữa.

Sử dụng các phép nhập sau:

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

Sau đó, sử dụng mã sau:

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

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

Về cơ bản, nó tạo ra một Observable mới 'bị trì hoãn' cho mọi mục trong mảng của bạn. Có thể có nhiều cách khác để làm điều đó, nhưng cách này hiệu quả với tôi và tuân thủ định dạng RXJS 'mới'.

Trong RxJS 5+, bạn có thể làm như thế này

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

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

Trong RxJS 6+

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

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

Nếu bạn muốn trì hoãn mỗi giá trị được phát ra, hãy thử

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

Những gì bạn muốn là một bộ đếm thời gian:

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

Còn hơi muộn để trả lời ... nhưng đề phòng ai đó quay lại câu hỏi này để tìm kiếm câu trả lời

'delay' là thuộc tính (chức năng) của một

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

Điều này đã làm việc cho tôi ...

import * as Rx from 'rxjs/Rx';

Chúng ta nên thêm nhập ở trên để mã đòn hoạt động

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

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