Angular2如何做一個URL查詢字符串

Question

我有我的應用程序的搜索功能，搜索的產品的列表，這是一切會好，但是我想將用戶重定向到另一頁說www.site.com/search?keyword=perfume

我只能使其www.site.com/search/perfume和www.site.com/search;keyword=perfume

路由器導航this.router.navigate(['search', {keyword: searchVal}]);這樣做的結果www.site.com/search;keyword=perfume

路線

const appRoutes: Routes = [ 
    { path: 'search', component: SearchComponent} 
]; 

搜索功能：

findproduct(searchTerm: HTMLInputElement): void { 
var searchVal = searchTerm.value; 
this.productService.searchproduct(searchVal) 
    .subscribe(data => { 
    this.router.navigate(['search', {keyword: searchVal}]); 
    console.log(data) 
    }); 

}

我怎樣才能讓我的網址是www.site.com/search?keyword=perfume

Answer 1

您應該使用queryParams ：

this.router.navigate(['/search'], { queryParams: { keyword: searchVal } }); 

Answer 2

應當更新appRoutes如下：

const appRoutes: Routes = [ 
    { path: 'search/:keyword', component: SearchComponent} 
];