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