javascript - 在 url 参数中进行 Angular 插值 {{ }}，有没有办法清理 url？

Question

我们有一个边缘案例问题，即外部应用程序要求在对我们网站的 url 请求中出现特定的 url 参数:

https://stackoverflow.com/questions/ask?abc=123

截图如下:

有时，url 参数无法正确呈现，导致 url 变为:

https://stackoverflow.com/questions/ask?abc={{}}

我们的应用程序有 Angular 运行，它无法解析这导致网页出现不必要的错误。

angular 是否有办法在 url 到达应用程序之前对其进行编码？

详情

• Angular 1.6.6

当前解决方案

我们有一个临时的 nginx 重定向解决方案，但相信如果我们解决了问题的根源，它会更好。

我们已经阅读了大量关于更改模板标签的资料，但这是一个巨大的修复。

预计

我们不使用任何自定义 url 变量。我们希望它在不解析 https://stackoverflow.com/questions/ask?abc={{}}

时不会抛出错误并按预期正常运行

Answer 1

需要在[queryParams]="{ 'abc':'test' }"中绑定(bind)参数

由于需要传递一个对象，所以可以在typescript中动态创建对象。

像这样尝试:

HTML:

<a [routerLink]="['https://stackoverflow.com/questions/ask']" [queryParams]="getQueryParam()">Link</a>

TS:

  getQueryParam() {
    var queryParam = {};
    queryParam['abc'] = this.some_variable;
    return queryParam;
  }