Necesito agregar queryParams dinámicamente a la URL sin recargar la página. Así que usé el servicio de Location como se muestra a continuación,

 this.location.go(`${path}?tab=xxx`); // works perfectly without page reload

Ahora el problema es que cuando trato de acceder a queryParams , devuelve vacío.

 this.activatedRoute.queryParams.subscribe((qp) => { console.log('updated queryParams', qp); // returns {} });

mientras que cuando el mismo código funciona si la página se recarga correctamente. ¿Alguna forma de hacer lo mismo sin actualizar la página en angular o debería probar con js nativo?