使用库在 Angular 中对 URL 查询参数（查询值作为某个 URL）进行编码答案

【问题标题】：Encode the URL query Param(query value as Some URL) in Angular with Library使用库在 Angular 中对 URL 查询参数（查询值作为某个 URL）进行编码
【发布时间】：2021-09-20 07:03:43
【问题描述】：

如何在 Angular 中编码 URL 查询参数。例如，我将一个查询参数作为以下 URL 传递。

http://localhost:8080/homecontroller?siteurl=http://example.com?name=test name&email=test@gmail.com

由于 URL Param(siteurl) URL 已损坏。如何在没有手动编码的情况下使用某些库进行编码？

【问题讨论】：

标签： angular

【解决方案1】：

使用queryParams

let params = {
  siteUrl: 'http://example.com?name=test name&email=test@gmail.com'
};

this.router.navigate(['/homecontroller'], { queryParams: params });

【讨论】：