Angular 没有提交就提交了反应式表单

Question

我正在创建一个 angular 5 反应形式。一切正常，但我只有一个按钮可以关闭表单，即隐藏它不被显示。

当我点击那个按钮时，表单正在提交，就好像我点击了提交一样button.What是这个奇怪问题的原因吗？

即使我从关闭按钮中删除了 (click) 事件，它仍然像提交按钮一样提交。

        <div [hidden]="add_status!='active'">

        <form novalidate (ngSubmit)="custom_submit(form.value)" 
                      [formGroup]="form">

             <button type="submit">Save</button>
             <button (click)="change_add_status()">Close</button>

             <input name="1">
             <input name="2">
             <input name="3">
             <input name="..and so on">

          </form>
           </div>

Answer 1

您可以尝试为关闭按钮设置 type="button" 如果您无法设置按钮类型并将其放置在 form 内，浏览器会将其视为确认按钮

Angular 没有提交就提交了反应式表单

Angular reactive form is getting sumitted without submitting

forms

typescript

angular

angular-reactive-forms