Angular 反应式表单在未提交的情况下被提交

Question

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

当我点击那个按钮时，表单就像我点击了提交按钮一样被提交。这个奇怪问题的原因是什么？

即使我从关闭按钮中删除了 (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 中，浏览器会将其视为确认按钮