删除routerLink时浏览器刷新

Question

我遇到了Angular 2+的问题。所以我在我的应用程序的特定页面中动态创建选项卡，用户在单击关闭选项卡（'x'）时也可以删除这些选项卡，想象一下类似于IDE或文本编辑器上打开的文件。

我将标签保存在一个阵列上，当用户删除一个标签时，我会对阵列进行拼接，标签会从视图中删除，但浏览器会刷新。

每个标签都有一个routerLink，以便我们可以在标签和模块之间导航，我有类似tab /：id。

我使用<a>代码而非按钮，因此不是type =“submit”问题。

我尝试从标签中删除routerLink并且它没有刷新，所以我认为这是routerLink的一个问题，但我无法弄清楚。

有谁知道问题可能是什么？ 任何解决方案？

谢谢你！

Answer 1

我需要在具有routerLink的元素（标签）的click事件中添加event.preventDefault()。