Within an Angular component, I have a method with the following content:
this.route.paramMap.pipe(
switchMap((params: ParamMap) => {
let fooValue = params.get('selectedid');
console.log("inside switch map with value as " + fooValue);
return fooValue;
})
)
The Observable is of type Observable<string>.
Upon subscribing to this Observable and setting 'selectedid' as ABCD, I notice that the next() method is being invoked four times, once for each letter (A, B, C, D). What could be causing this behavior?
This issue seems to occur only when using the switchMap operator.
If I navigate using
this.router.navigate(['/mypath', path.id]);this.router.navigate(['/mypath1', { selectedid: obj.id, foo: "foo" }]);