rxjs6 – Page 2 – Tarik Billa

Angular 6 router.events.filter ‘filter’ does not exist on type ‘Observable’

April 19, 2023 by Tarik

This is how to filter router events with Angular 6+ and latest RxJS: import { Component, OnInit } from ‘@angular/core’; import { Router, ActivatedRoute, NavigationEnd } from ‘@angular/router’; import { filter } from ‘rxjs/operators’; export class MyComponent implements OnInit { constructor(private router: Router, private activatedRoute: ActivatedRoute) {} ngOnInit() { this.router.events.pipe( filter(event => event instanceof NavigationEnd) … Read more

Using shareReplay(1) in Angular – still invokes http request?

April 5, 2023 by Tarik

If you call every time this.http.get(API_ENDPOINT).pipe(shareReplay(1)), each time http request will be triggered. If you want to make http call once and cache data, the following is recommended. You first get the observable for data: ngOninit(){ this.data$ = this._jokeService.getData().pipe(shareReplay(1)); } Now subscribe multiple times: public getData(){ this.data$.subscribe(); } Your service: public getData() { return this.http.get(API_ENDPOINT) … Read more

Could not use Observable.of in RxJs 6 and Angular 6

March 12, 2023 by Tarik

Looks like cartant’s comment is correct, the RxJS upgrade guide doesn’t cover that method specifically but does say “Classes that operate on observables have been replaced by functions” Which seems to mean all or most of those class methods like .of, .throw etc. have been replaced by a function So instead of import { Observable, … Read more

forkJoin is deprecated: resultSelector is deprecated, pipe to map instead

February 3, 2023 by Tarik

I was able to fix this by getting rid of the ellipsis: forkJoin(observables).subscribe(); As long as observables is already an array, it should have the same result.

Angular 6 View is not updated after changing a variable within subscribe

January 25, 2023 by Tarik

As far as I know, Angular is only updating the view, if you change data in the “Angular zone”. The asynchronous call in your example does not qualify for this. But if you want, you can put it in the Angular zone or use rxjs or extract part of the code to a new component … Read more

Upgrading to Angular 10 – Fix CommonJS or AMD dependencies can cause optimization bailouts

November 19, 2022 by Tarik

When you use a dependency that is packaged with CommonJS, it can result in larger slower applications Starting with version 10, Angular now warns you when your build pulls in one of these bundles. If you’ve started seeing these warnings for your dependencies, let your dependency know that you’d prefer an ECMAScript module (ESM) bundle. … Read more

Angular – “has no exported member ‘Observable'”

October 23, 2022 by Tarik

This might be helpful in Angular 6 for more info refer this Document rxjs: Creation methods, types, schedulers and utilities import { Observable, Subject, asapScheduler, pipe, of, from, interval, merge, fromEvent } from ‘rxjs’; rxjs/operators: All pipeable operators: import { map, filter, scan } from ‘rxjs/operators’; rxjs/webSocket: The web socket subject implementation import { webSocket … Read more