Angular 2：URL 中的“router.navigate”编码错误

Question

当我提交表单时，我想导航到另一个站点并将 URL 中的搜索值设置为参数。

我有以下代码：

searchOffers() {
    this.router.navigate([
      '/search?query= +
        this.search.value.FG
    ]);
  }

此代码有效，但路由后的 URL 如下所示。

localhost:4200/search%3Fquery%3D1 

（query参数值为1）。

使用此 URL，我无法获取参数。

如何将 URL 格式化为：localhost:4200/search?query=1？

Answer 1

我遇到过这样的情况，我得到一个包含整个 url 的字符串，包括查询参数。

在这种情况下，你可以这样做

    searchOffers() {
    this.router.navigateByUrl('/search?query= +
        this.search.value.FG);
    }

Answer 2

使用 options 参数：

searchOffers() {
    this.router.navigate(['/search'], { queryParams: { query: this.search.value.FG } });
  }