角度反应形式在不提交的情况下进行求和

时间:2018-03-01 12:32:35

标签: angular forms typescript angular-reactive-forms

我正在制作一个角度5反应形式。一切都工作正常,但我有一个按钮来关闭表格,即隐藏它不显示。

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

即使我从关闭按钮中删除了(点击)事件,它仍然提交,就好像它是一个提交按钮。

        <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>

1 个答案:

答案 0 :(得分:3)

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