rxjs5

When I compile, I get the following compiler error in the RxJS declaration files: node_modules/rxjs/Subject.d.ts(16,22): error TS2415: Class 'Subject<T>' incorrectly extends base class 'Observable<T>'. Types of property 'lift' are incompatible. Type '<R>(operator: Operator<T, R>) => Observable<T>' is not assignable to type '<R>(operator: Operator<T, R>) => Observable<R>'. Type 'Observable<T>' is not assignable to type 'Observable<R>'. Type 'T' is not assignable to type 'R'. What's going on here, and how do I get around this without downgrading to TypeScript 2.3 or earlier? Solution RxJS 5.4.2

I think I have the base concept, but there are some obscurities So in general this is how I use an observable: observable.subscribe(x => { }) If I want to filter data I can use this: import { first, last, map, reduce, find, skipWhile } from 'rxjs/operators'; observable.pipe( map(x => {return x}), first() ).subscribe(x => { }) I can also do this: import 'rxjs/add/operator/map'; import 'rxjs/add/operator/first'; observable.map(x => {return x}).first().subscribe(x => { }) So my questions are: What is the difference? If there is no difference, why the function pipe exists? Why those functions need

According to this artcle , onComplete and onError function of the subscribe are mutually exclusive. Meaning either onError or onComplete events will fire up in my subscribe . I have a logic block which needs to be executed whether I receive an error, or I finish my steam of information successfully. I looked up for something like finally in python , but all I found is finally which needs to be attached to the observable I create. But I want to to do that logic only when I subscribe, and after the stream has ended, whether successfully or with an error. Any ideas? The current "pipable" variant

For example, I have a function like this: export function timeRange(start: number, end: number): Rx.Observable<number> { return Rx.Observable.interval(1000) .map(n => n + start) .take(end - start + 1) } And I had a unit test that ran timeRange(10, 100) and asserted values against it. The problem is the time intervals would make my test too long to run. How would you reduce the time interval without touching the function itself? I tried reading the docs on schedulers but I didn't get it. There're a couple of caveats but you can test your function as follows: const Rx = require('rxjs'); const

Just wonder what is differences between Observable.combineLatest and Observable.forkJoin ? As far as I can see, the only difference is forkJoin expects the Observables to be completed, while combineLatest return the latest values. Not only does forkJoin require all input observables to be completed, but it also returns an observable that produces a single value that is an array of the last values produced by the input observables. In other words, it waits until the last input observable completes, and then produces a single value and completes. In contrast, combineLatest returns an Observable

I am trying to call to a service on input key-up event. The HTML <input placeholder="enter name" (keyup)='onKeyUp($event)'> Below is the onKeyUp() function onKeyUp(event) { let observable = Observable.fromEvent(event.target, 'keyup') .map(value => event.target.value) .debounceTime(1000) .distinctUntilChanged() .flatMap((search) => { // call the service }); observable.subscribe((data) => { // data }); } It was found from the network tab of the browser that, it is calling the key-up function on every key-up event(as it is supposed to do), but what I am trying to achieve is a debounce time of

I want to create an observable that returns data from a webapi. I'd like it to return the data immediately, and poll the API every 10 seconds. The code below shows I'm using the 'interval' method. But this delays the first set of data by 10 seconds. How do I get that first flush of data to come down with no initial delay? export class EventService { public events$: Observable<Event[]>; private _eventsObserver: Observer<Event[]>; private pollInterval: number = 5000; private _dataStore: { events: Event[]; }; constructor(private http: Http) { this._dataStore = { events: [] }; this.events$ = new