我希望在单击当前页面链接时删除输入字段中的数据

Question

我使用Angular 8。我在router中添加了onSameUrlNavigation: 'reload'，以便第二次单击同一链接时重新加载页面。它工作正常，但不会清空重新加载页面上的输入字段。为什么会这样？我该怎么解决？

Answer 1

onSameUrlNavigation: 'reload'会重新运行路由器，但它会保持已渲染组件的活动状态，依此类推。解决方法是将路由器事件侦听到组件中，在导航结束时执行操作：

ngOnInit(): void {
this.router.events.pipe(
// when the navigation ends
filter((event: RouterEvent) => event instanceof NavigationEnd)
).subscribe(() => {
// empty the input fiels programatically
});
}