Angular 2：「router.navigate」URL中的編碼錯誤

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

利用選項參數：

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