angular - Angular router.navigate 将刷新组件

Question

大家，我可以知道功能 router.navigate 将重新加载组件吗？

我有一个文本框在列级别进行过滤，在文本框中输入值后，它会像gif一样失去光标的注意力

示例逻辑是

1. 文本框

<input #input class="width-100" type="text" [disabled]="disableInput" [value]="inputValue$ | async" (input)="searchText$.next(input.value)" [ngClass ]="{ disableStyle: disableInput, enableStyle: !disableInput }"/>

2. 当输入值将发送查询帕尔马调用弹性搜索

this.router.navigate(['./'], { relativeTo: this.route, queryParams: { ...queryParams, ...condition, }, });

3. 在第2步之后，我发现列组件将被重新加载，然后失去光标的注意力

问题是如果我在文本框中输入一个值，如何避免重新加载组件或任何方式可以添加光标的注意力，谢谢大家

标签： angular