rxjs6

I have extension for observable. It was working perfectly fine but now I've updated to angular 6 with typescript 2.7.2. import { Observable } from 'rxjs/Observable'; import { BaseComponent } from './base-component'; import { Subscription } from 'rxjs/Subscription'; import { Subscribable } from 'rxjs'; declare module 'rxjs/Observable' { export interface Observable<T> { safeSubscribe<T>(this: Observable<T>, component: BaseComponent, next?: (value: T) => void, error?: (error: T) => void, complete?: () => void): Subscription; } } export function safeSubscribe<T>(this: Observable<T>, component:

I've created a demo ( ng-run ) where I have a button which invokes an Http request. When the button is clicked, I invoke this method : public getData(){ this._jokeService.getData().subscribe(); } Which in turn invokes this ( from a service) : public getData() { return this.http.get(API_ENDPOINT).pipe(shareReplay(1)) } The problem is that on every click - I still see a new http request initiated : Question: Why doesn't shareReplay keeps the last value of the response? How can I make my code to invoke the http only once and keep that value for future subscriptions ? Edit: solution is here If you

We've recently updated from Angular 5 to Angular 6, and with it RxJs 6. As part of the migration, the timer usage has changed from: Observable.timer() to timer() There are a number of places in our tests where we mock timer observables with the following pattern. let timerObserver: Observer<any>; beforeEach(() => { spyOn(Observable, 'timer').and.returnValue(Observable.create( ((observer: Observer<any>) => { timerObserver = observer; }) )); }); it(`should not have any notifications by default`, () => { timerObserver.next(''); ... }); Does anybody know how to migrate this pattern across? Edit: I

I was using RXJS 5, now as I upgraded it to 6, I am facing some problems. Previously I was able to use catch and finally but as per update catch is replaced with catchError (with in the pipe) now how to use finally? Also I have some questions : Do I need to change throw->throwError (in below code Observable.throw(err);) import { Observable, Subject, EMPTY, throwError } from "rxjs"; import { catchError } from 'rxjs/operators'; return next.handle(clonedreq).pipe( catchError((err: HttpErrorResponse) => { if ((err.status == 400) || (err.status == 401)) { this.interceptorRedirectService

This is app.module.ts I have tried to done the Import of map in different project and it worked fine, but in this project it's not working. import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import {HttpModule} from '@angular/http'; import { AppComponent } from './app.component'; import { PagesComponent } from './pages/pages.component'; @NgModule({ declarations: [ AppComponent, PagesComponent ], imports: [ BrowserModule, HttpModule ], providers: [], bootstrap: [AppComponent] }) export class AppModule { } app.component.ts import { Component }

I have finished to update my App to Angular 6 (it was in 5.2 version). I got an error syntax in : import { Router, ActivatedRoute, NavigationEnd } from '@angular/router'; import { filter } from 'rxjs/operators'; ... constructor(private router: Router) {} this.router.events.filter (event => event instanceof NavigationEnd).subscribe((res) => { // DO something }); error TS2339: Property 'filter' does not exist on type 'Observable'. what's the right syntax in Angular 6 ? thanks Lansana Camara This is how to filter router events with Angular 6+ and latest RxJS: import { Component, OnInit } from '