（ngSubmit）

Question

我的Angular2表单组件上有两个按钮。按钮正在做他们自己的功能。

1. 按钮提交：它将所有的值提交给API。
2. Button Add。 ：将一个对象推送到一个数组。

这两种方法是这里...

onSubmit() { 
this.submitted = true; 
this.model.service_requests = this.modelJobServices; 
this.onCreateJob(); 
} 

addJobService(modelJobService :Jobservice){ 
let modelJobServiceLocal = new Jobservice(modelJobService.service_id,modelJobService.service_note,modelJobService.status) 
this.modelJobServices.push(modelJobServiceLocal); 
} 

我Component.html结构如下

<form #jobRegistrationForm="ngForm" (ngSubmit)="onSubmit()"> 
...... 
...... 
...... 
<button class="flat btn-primary form-control" id="btn_add" (click)="addJobService(modelJobService)"> ADD SERVICE </button> 
.... 
.... 
.... 
<button (submit)="onSubmit()" [disabled]="!jobRegistrationForm.form.valid" class="flat form-control col-md-4 btn-primary">{{BUTTON_TEXT}}</button> 

当我按下按钮(click)的形式提交给API调用。但我没有拨打(click)按钮事件上的onSubmit()

Answer 1

默认情况下，表格中的按钮为type="submit"。

让他们平原按钮明确：

<button type="button"