我试图建立一个像这样的搜索系统
<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]移动到span标记，但它仍然相同。任何想法如何解决它？
谢谢：）