在Angular 2中取消表单提交时，如何保持导航按钮的焦点？

我有一个带有按钮的导航栏，每个按钮都会将你重定向到另一个页面。所以在导航栏的第一页，我有一个表单提交。当我在字段中引入数据时，无意中想从导航栏导航到另一个页面，我会收到如下确认窗口： 放弃更改

未保存的数据将丢失，是否继续？是/否。尽管我没有选择否，但意外单击的导航栏按钮仍保持焦点。我怎样才能防止这种情况发生