表单提交取消，因为表单未连接

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 将第二个按钮解释为另一个提交按钮，因此您可以在提交过程中有效地导航。这就是消息告诉您表单提交被取消的原因。