こんな検索システム作ってみた
<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>
入力タグに既に「検索」と書いてから、ボタンをクリックしたとします。結果の URL
/search-result?q=
もう一度クリックすると、正しいURLが表示されます
/search-result?q=Search
ボタンを再度クリックする前に入力値 (検索) を変更すると、たとえば「検索中」に変更されます。結果は
/search-result?q=Search
取得するにはもう一度クリックする必要があります
/search-result?q=Searching
ということで、リクエストが1つ遅れました。なぜこうなった？タグを移動しようとしました[routerLink]がspan、それでも同じです。それを修正する方法はありますか？
ありがとう ：）