如何在TypeScript中向我的URL添加查询参数？

Question

单击按钮后，我想重定向到另一个页面。 所以我有以下功能：

//this redirects me correctly
click() {
    window.location.href = 'download/' + this.some.string.toLowerCase();
    console.log(this.client.displayName);
  }

但是我希望我的网址看起来像这样：

toggleDownload() {
    const someValue = this.client.getValue();
    window.location.href = 'download/' + this.client.displayName.toLowerCase()+'key='+value;
    console.log(this.client.displayName);
  }

如果提供了查询参数，则我将基于此执行某些操作，否则，我不会。 这是添加查询参数的正确方法吗？ 我只是将它们附加为字符串吗？

Answer 1

使用模板文字： https ： //developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Template_literals

这样就无需手动将子字符串连接为一个，如下所示：

toggleDownload(): void {
    const someValue = this.client.getValue();
    const urlWithParams = `download/${this.client.displayName.toLowerCase()}+key=${value}`;
    window.location.href = urlWithParams;
  }