Rx.Observable.<operator>
Rx.Observable.prototype.<operator>
import from "rxjs/add/operators/switchMap";
import { switchMap } from "rxjs/operators";
or
class PostsComponent { private user: Observable<User>; ngOnInit() { this.posts = this.user .map(user => user.id) .switchMap(id => this.postsService.getPosts(id) ); } }
class PostsComponent { private user: Observable<User>; ngOnInit() { this.posts = this.user.pipe( map(user => user.id), switchMap(id => this.postsService.getPosts(id) ) ); } }
git checkout ngrx-refactor-2 cd server && yarn serve cd client && ng serve
https://github.com/blove/ngrx-tour-of-heros
cd server yarn serve
src/app/+powers/containers/power/power.component.ts
src/app/+heroes/components/add-hero-dialog.component.ts
src/app/+powers/containers/power/power.component.ts
app/+powers/containers/edit/edit.component.ts
app/+powers/containers/edit/edit.component.ts
src/app/+heroes/containers/edit/edit.component.ts
src/app/state/powers/effects/powers.ts
app/state/powers/effects/powers.ts
app/+powers/containers/edit/edit.component.ts
app/+powers/containers/edit/edit.component.ts
src/app/+powers/containers/power/power.component.ts
src/app/+heroes/components/add-hero-dialog.component.ts
src/app/+powers/components/edit-power-dialog.component.ts
src/app/+heroes/components/add-hero-dialog.component.ts
src/app/+powers/components/edit-power-dialog.component.ts
src/app/+heroes/components/add-hero-dialog/add-hero-dialog.component.ts
src/app/+heroes/containers/character/character.component.ts