Add Kendo button in ReactiveForm

[vamaw]

Hi

 

I have an Reactive Form with 3 kendo-button

"save" "cancel" and "addPhoneNumber"

This last button add an array with two input textField, BUT it execute code to ""onSaveButtonClick" Event !

How avoid this and execute code "addTelephoneNumber"

Regards

 

 

 

  <form *ngIf="formCreate" [formGroup]="formCreate" (ngSubmit)="onSaveButtonClick()">

    <div class="col-xs-12">
      <button kendoButton iconClass="fa fa-times" id="annulerContactBtn" class="k-primary k-button ng-hide"
              (click)="onCancelButtonClick()"
              [disabled]="isLoading"
      >
        {{'button.cancel' | translate | titlecase}}
      </button>
      <button kendoButton iconClass="far fa-save" id="sauvegarderContactBtn" class="k-primary k-button ng-hide"
              [primary]="true"
              [disabled]="formCreate.invalid || isLoading"
      >
        {{'button.save' | translate | titlecase}}
      </button>

.....
......

  <button kendoButton look="clear" icon="image"
          (click)="addTelephoneNumber()"> {{'contact.edit.button.addtelephone' | translate}}</button>
</label>

</form>

[vamaw]

OK RESOLVED I HAVE CHANGE NGSUBMIT NOT IN FORM ELEMENT