由于未连接表单，因此取消了表单提交

Question

我有以下html按钮：

<form ngNativeValidate (ngSubmit)="onSubmit()" #add_form="ngForm">
     <button class="btn btn-primary " type="submit[disabled]="!add_form.valid">ADD</button>
     <button class="btn btn-default" (click)="back()">Back</button>
</form>

然后我在控制台中收到此警告：

  

由于未连接表单而取消了表单提交

任何人都可以帮助我解决此警告吗？

Answer 1

对于“后退”按钮，将type="button"添加到声明中，如下所示：

<form ngNativeValidate (ngSubmit)="onSubmit()" #add_form="ngForm">
     <button class="btn btn-primary " type="submit[disabled]="!add_form.valid">ADD</button>
     <button type="button" class="btn btn-default" (click)="back()">Back</button>
</form>

发生的事情是，Angular将第二个按钮解释为另一个提交按钮，因此您可以有效地导航到一个提交的中间。这就是为什么这些消息告诉您表单提交已被取消的原因。