如何在不使用@ angular / router的情况下添加添加查询参数

Question

我想将查询参数添加到网址。

http://example.com/#/xyz?queryParams1=data&queryParams2=data

但不想从一个页面导航到另一个页面。我通过角度文档，但没有使用@angular/router无法获得如何使用它。它背后的想法只是通过URL跟踪事物而不是导航。

任何帮助都将不胜感激。

Answer 1

您可以使用Location from @angular/common

这将允许您在不导航的情况下更新URL，例如：

let queryString = 'queryParams1=data&queryParams2=data';
this.location.replaceState('/xyz', queryString);