I dont get rxjs 6 with angular 6 with interval, switchMap, and map

angular rxjs rxjs6
Tampa picture Tampa · May 6, 2018 · Viewed 31.7k times · Source

I want to update my rxjs code to 6 got I don't get it.

Before I had the below that wouth poll for new data every 5 seconds:

import { Observable, interval } from 'rxjs';
import { switchMap, map } from 'rxjs/operators';

var result = interval(5000).switchMap(() => this._authHttp.get(url)).map(res => res.json().results);

Now...of course, it's broken and the documentation leaves me nowhere to go.

How do I write the above to conform to rxjs 6?

Thanks

Answer

siva636 picture siva636 · May 6, 2018

The code should be something like the following. You need to use the pipe operator. 

import { interval } from 'rxjs';
import { switchMap, map } from 'rxjs/operators';

const result = interval(5000).pipe(
switchMap(() => this._authHttp.get(url)),    
map(res => res.results)
)

Related questions

Angular - "has no exported member 'Observable'"

Typescript code: import { Injectable } from '@angular/core'; import { Observable } from 'rxjs/Observable'; import { of } from 'rxjs/observable/of'; import { Hero } from './hero'; import { HEROES } from './mock-heroes'; @Injectable({ providedIn: 'root' }) export class HeroService { constructor() { } getHeroes(): Observable<Hero[]&…

Read More
Error: Can't resolve 'rxjs/add/operator/map'

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'; …

Read More
Angular 6 router.events.filter 'filter' does not exist on type 'Observable<Event>'

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 (…

Read More