对于Angular 12，以下是将查询参数转换为编码的URL的代码示例：

1. 在需要编码的参数值之前添加encodeURI()或encodeURIComponent()的调用

const queryParams = { param1: "Some value", param2: "Some other value" };

const encodedQueryParams = { ...queryParams, param1: encodeURIComponent(queryParams.param1), param2: encodeURI(queryParams.param2) };

this.router.navigate(['/some-route'], { queryParams: encodedQueryParams });

2. 手动构建URL（使用URLSearchParams和“?”符号手动构建URL字符串）

const queryParams = new URLSearchParams({ param1: "Some value", param2: "Some other value" });

const encodedQueryParams = encodeURIComponent(queryParams.toString());

this.router.navigateByUrl(/some-route?${encodedQueryParams});

通过这些方法，我们可以将查询参数转换为编码的URL。