Angular - Kombinieren Sie Params und QueryParams Observables

Question

Wie kann ich diese zu Observablen in einem kombinieren? Sie haben die gleiche Funktionalität.

this.sub = this.route.params.subscribe((params: any) => { 
    // functionality 
}); 

this.sub = this.route.queryParams.subscribe((params: any) => { 
    // same functionality 
}); 

Answer 1

können Sie combineLatest verwenden, das zu tun:

import { ActivatedRoute, Params } from '@angular/router'; 
import 'rxjs/add/observable/combineLatest'; 

... 

constructor(private route: ActivatedRoute) { } 

ngOnInit() { 
    this.sub = Observable.combineLatest(this.route.params, 
    this.route.queryParams, (params: Params, qparams: Params) => ({ params, qparams })) 
       .subscribe((allParams) => { 
        console.log(allParams.params); 
        console.log(allParams.qparams); 
    }); 
} 

params und qparams werden Objekte mit dem Eigenschaftsnamen als param name und dem Wert als der Wert sein. Also für eine Route:

RouterModule.forRoot([{ 
    path: 'test1/:id', 
    component: Test1Component 
}]) 

mit params

http://localhost:4200/test1/paramvalue?qparam=qpvalue 

allParams wird

{ 
    params: { 
    id: "paramvalue" 
    }, 
    qparams: { 
    qparam: "qpvalue" 
    } 
}