我试着做一个这样的搜索系统
<input type="text" class="form-control" placeholder="search product)" #searchValue/>
<span class="input-group-btn">
<button class="btn btn-green" [routerLink]="['/search-result']" [queryParams]="{ q: searchValue.value}" >
<i class="fa fa-search fa-md"></i>
</button>
</span>
假设我已经在输入标签中写了“搜索”，然后单击按钮。结果网址
/search-result?q=
如果我再次点击它会给出一个正确的网址
/search-result?q=Search
如果我在再次单击按钮之前更改输入值（搜索），例如我将其更改为“搜索”。结果是
/search-result?q=Search
并且需要再次点击才能获得
/search-result?q=Searching
所以它被一个请求过期了。为什么会这样？我试图移动[routerLink]tospan标签，但它仍然是一样的。任何想法如何解决它？
谢谢 ：）