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

Question

我想向URL添加查询参数。

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

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

任何帮助，将不胜感激。

Answer 1

您可以使用Location from @angular/common

这将允许你这样做而不导航更新网址，例如：

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