javascript - timeout() operator not working in pipe Rxjs subject - Stack Overflow

admin管理员组

文章数量:1328757

I have an Issue with timeout operator in subject.

my problem look like sample above, but I got all of source,

response: observable: 1 observable: 2

url: .ts

import { Subject, from,Observable } from 'rxjs';
import {timeout} from 'rxjs/operators';

const subject = new Subject();
 subject.subscribe({
  next: (v) => console.log(`observer: ${v}`),
   error: (e) => console.log(`There is an Error ${e}`)
  });
subject.pipe(timeout(2000));

const observable = new Observable( sub=> {
 sub.next( 1);
 setTimeout(()=> {
 sub.next(2)
 },5000)
})
observable.subscribe(subject); 

I have an Issue with timeout operator in subject.

my problem look like sample above, but I got all of source,

response: observable: 1 observable: 2

url: https://stackblitz./edit/ou5yp1?file=index.ts

import { Subject, from,Observable } from 'rxjs';
import {timeout} from 'rxjs/operators';

const subject = new Subject();
 subject.subscribe({
  next: (v) => console.log(`observer: ${v}`),
   error: (e) => console.log(`There is an Error ${e}`)
  });
subject.pipe(timeout(2000));

const observable = new Observable( sub=> {
 sub.next( 1);
 setTimeout(()=> {
 sub.next(2)
 },5000)
})
observable.subscribe(subject); 

• javascript
• node.js
• typescript
• rxjs
• rxjs-pipeable-operators

Share Improve this question Follow asked Aug 18, 2020 at 11:54 Omid MamandiOmid Mamandi 11311 gold badge22 silver badges77 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 5

You have subscribed to wrong observable.

subject.pipe(timeout(2000));

The above line does not apply to subject itself, but instead returns a new observable which has 2 seconds timeout. So you should subscribe to this returned observable instead of subject itself. So your code should be:

subject.pipe(timeout(2000)).subscribe({
  next: (v) => console.log(`observer: ${v}`),
  error: (e) => console.log(`There is an Error ${e}`)
});

本文标签： javascripttimeout() operator not working in pipe Rxjs subjectStack Overflow