rxjs6

I am trying to use mergeMap in rxjs6 and i am getting this error: Property 'mergeMap' does not exist on type 'Observable<{}>' I have tried import 'rxjs/add/operator/mergeMap'; and it is not working. What am i doing wrong? import {from, Observable} from 'rxjs'; export class Test { public doSomething(): Observable<any> { return from(...).mergeMap(); } } That's correct, the "patch" style of operators has been removed since RxJS 6. You should better update your code to use only "pipeable" operators or install rxjs-compat package that provides backwards compatibility with RxJS 5. For more detailed

Currently have a scenario where a method within a shared service is used by multiple components. This method makes an HTTP call to an endpoint that will always have the same response and returns an Observable. Is it possible to share the first response with all subscribers to prevent duplicate HTTP requests? Below is a simplified version of the scenario described above: class SharedService { constructor(private http: HttpClient) {} getSomeData(): Observable<any> { return this.http.get<any>('some/endpoint'); } } class Component1 { constructor(private sharedService: SharedService) { this

Using RxJS v6 is challenging to retrieve data from sub collection for every item in the loop. There is no way to iterate throw array that is retrieved from HTTP call. Merge map does it only for single item where there is a requirement to do it on all array items. I've been stuck on this for 3 days. I've tried everything. Problem is that new pipe syntax while provides you with neat way to organise code there is no easy way to loop throw collection of data. It is impossible to use map javascript function as it is outside observable and items returned are undefined. On internet I could only find

Why is the view not being updated when a variable changes within a subscribe? I have this code: example.component.ts testVariable: string; ngOnInit() { this.testVariable = 'foo'; this.someService.someObservable.subscribe( () => console.log('success'), (error) => console.log('error', error), () => { this.testVariable += '-bar'; console.log('completed', this.testVariable); // prints: foo-Hello-bar } ); this.testVariable += '-Hello'; } example.component.html {{testVariable}} But the view displays: foo-Hello . Why won't it display: foo-Hello-bar ? If I call ChangeDetectorRef.detectChanges() within

After I updated angular/cli, I got an error: error TS2339: Property 'map' does not exist on type 'Observable<Response>' I tried every possible solution from Property 'map' does not exist on type 'Observable<Response>' but still the error exists. Its easy to post an answer when you provide your code instead of a screenshot. Anyhow , you have to pipe it: getUsers() { return this._http.get(this.baseUrl+'/show-users', this.options) .pipe( map((response:Response)=>response.json()) ); Remember to import map like this: import { map } from 'rxjs/operators'; For the latest Version of rxjs we need to

After running the rxjs migration tool using rxjs-5-to-6-migrate -p src/tsconfig.app.json I'm now getting a linting error: combineLatest is deprecated: Deprecated in favor of static combineLatest. Here is my code before running the migration command: this.store.combineLatest( this.store.select(lang.getCurrent), this.store.select(lang.getCurrentLocale) ).subscribe(([state, currentLang, locale]) => { this._language = session.language === currentLang ? '' : currentLang; this._locale = session.locale === locale ? '' : locale; }); My code after running the migration command: (currently presenting a

I am using Angular 6 where I am getting two errors - ERROR in ./src/app/app/img/img.service.ts Module not found: Error: Can't resolve 'rxjs/add/operator/map' in '/Users/user/Projects/A4/imageSearch/src/app/app/img' ERROR in src/app/app/img/img.service.ts(21,9): error TS2339: Property 'map' does not exist on type 'Observable'. I faced similar problem with rxjs map operator. Currently I'm using Angular 6. To know which version you are using: ng --version or ng -v If you are also using angular 6, then please checkout https://www.academind.com/learn/javascript/rxjs-6-what-changed/ Different