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

Question

关闭。这个问题需要debugging details .它目前不接受答案。












想改善这个问题吗？更新问题，使其成为 on-topic对于堆栈溢出。

12 个月前关闭。




Improve this question




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

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
    });
  }