(ngSubmit) вызывается при нажатии кнопки (нажмите)

Question

У меня есть две кнопки на моем компоненте формы Angular2. Кнопка выполняет свои собственные функции.

1. Button Отправить: что представляет все значения API.
2. Кнопка Добавить. : Это толкает объект к массиву.

Оба метода здесь ...

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 , Но я не назвал onSubmit() на событии (click)

Answer 1

Кнопки внутри формы a type="submit" по умолчанию.

Сделать их простые кнопки в явном виде:

<button type="button"