So kombinieren Sie mehrere Observables in Angular 2

Question

So habe ich gerade mit der Programmierung mit Angular 2 begonnen und habe gerade angefangen, über Subscribe, Subject und BehaviorSubject zu lernen. Derzeit habe ich mehrere Abonnements, um Werte zu erhalten, die in meinem Dienst gespeichert sind und an eine Komponente gesendet werden. Meine Anwendung funktioniert und alle, aber ich weiß, dass es sehr ineffizient ist. Dass es hat aus der Hand in meiner Komponente bekommen:

this.threatService.minLimitChange$.subscribe(min => { this.min = min; this.getSession();}); 
this.threatService.maxLimitChange$.subscribe(max => { this.max = max; this.getSession();}); 

(und wie 5 andere mehr, die einen einzelnen Wert erhält und ruft Funktion getSession() jedes Mal)

In meinem threat.service:

private minLimitChangeSource = new BehaviorSubject<number>(this.min); 
private maxLimitChangeSource = new BehaviorSubject<number>(this.max); 
minLimitChange$ = this.minLimitChangeSource.asObservable(); 
maxLimitChange$ = this.maxLimitChangeSource.asObservable(); 

Also habe ich versucht:

this.threatService.minLimitChange$.concat(this.threatService.maxLimitChange$).subscribe(res => console.log(res)); 

welche mein Ziel war einfach zu testen, was res war, weil ich nicht sicher war, wie man auf die zwei Werte zugreift ... aber ich bekomme das in meiner Konsole. ;/

TypeError: this.threatService.minLimitChange$.merge is not a function. (In 'this.threatService.minLimitChange$.concat(this.threatService.maxLimitChange$)', 'this.threatService.minLimitChange$.concat' is undefined) 

Schließlich würde Ich mag alle Werte erhalten, die getSession() von meinem Dienst benötigt und diese Funktion einmal laufen. Ich würde wirklich jede Hilfe oder Erklärung schätzen, wie man concat, merge oder forkJoin benutzt, um meine Abonnements zu kombinieren. Vielen Dank!

Answer 1

können Sie Observable.combineLatest verwenden 2 beobachtbaren Ströme zu einem kombinieren:

combineObs = obs1.combineLatest(obs2, 
    (val1, val2) => { 
    return {val1: val1, val2: val2}; 
    }); 

Arbeiten Plunker: http://plnkr.co/edit/mmCzEmdKexpaWNM53me9?p=preview