Angular 触发角形2/4表单中的“单击表单提交”按钮，导致边缘浏览器出现问题

我有一个场景，我需要通过代码调用我的表单提交，因为我的提交按钮在视图中是隐藏的。我有一个调用按钮的逻辑，使用下面的逻辑为所有表单单击一个公共按钮

常量元素= 此._elementRef.nativeElement.getElementsByClassName'personal-btn'； if元素&&元素[0]{ 元素[0]。单击； } 我的表格：

我的表格提交：

我面临的问题是，当我单击next按钮时，表单提交逻辑通过代码调用，表单提交发生，表单输入值被附加到当前URL，而不是发生内部逻辑，页面刷新

例如：

[站点url]？名称=test123 但是，当我删除提交按钮上的hide属性并最终单击该提交按钮时，表单将正确提交，而无需添加URL和刷新页面

除了edge之外，我在任何浏览器中都不会遇到这个问题

我的问题与此相同：

---

但是，所有的preventDefault或ReturnFalse解决方案对我都没有帮助。

您能否尝试将next按钮的类型更改为button

喜欢

---

作为一种解决方法，您可以尝试使用按钮类型按钮，然后在按钮单击事件中，您可以使用Post方法提交表单数据。

提交如果我没有错，这是您的提交按钮，我需要查看下一个按钮。此外，“提交”按钮的类型必须是“提交”而不是“按钮”。这是下一个按钮，实际上是“提交”，因为此页面中有多个表单被提交。好的，我可以看到具有“隐藏”属性的“提交”按钮吗？

<button type="button"></button>