angular - Angular 的 HTTP 请求中不包含特定参数

Question

我在 Angular 和 Ionic 2 中遇到一个奇怪的问题。我有以下供应商:

  getTransportations = function (category, maxResults) {    
    let url = `${this.domain}/wp-json/gf/v2/forms/1/entries?_labels=1&paging[page_size]=${maxResults}`;
    if (category !== 'all') {
      let search = {
        field_filters: [{
          key: '2',
          operator: 'is',
          value: category
        }]
      };
      let url = `${this.domain}/wp-json/gf/v2/forms/1/entries?_labels=1&paging[page_size]=${maxResults}&search=${encodeURI(JSON.stringify(search))}`;
      console.log(url);

    }
    let headers: Headers = new Headers();
    headers.append("Authorization", "Basic " + this.bt);
    headers.append("Content-type", "application/json");
    return this.http.get(url, {
        headers: headers
      })
      .map(response => response.json())

  };

如果类别是 all，则提供程序按预期工作。但是，如果类别是其他类别，在 Chrome 的开发工具中，在网络选项卡中，我可以看到没有搜索参数的调用 url。只是 _labels 和 paging。但是，我在 if 中添加的 console.log 有效，它会打印正确的 url，如果我在 Postman 上使用它，我会得到我想要的过滤结果。

我尝试了不同的方法来连接字符串，但我一直遇到同样的问题。

Answer 1

存在范围问题。 let 是 block 级的。

let url = `${this.domain}/wp-json/gf/v2/forms/1/entries?_labels=1&paging[page_size]=${maxResults}&search=${encodeURI(JSON.stringify(search))}`;

有一个属于 if (...) { ... } 的范围。这两个 url 是不同的变量，在 if 中赋值的那个永远不会被使用(console.log 除外)。

应该是

url = `${this.domain}/wp-json/gf/v2/forms/1/entries?_labels=1&paging[page_size]=${maxResults}&search=${encodeURI(JSON.stringify(search))}`;