Html 1表格2提交按钮5

Html 1表格2提交按钮5,html,typescript,angular5,Html,Typescript,Angular5,所以我有一个表单,我需要两个提交按钮,我需要ngNativeValidate来验证它,如何在onClickResolveTramite()中获取提交表单的按钮的值 它看起来很简单,但我已经搜索过了,什么也没找到,我只需要一个真的或假的来知道它是否被批准 <div class="modal-body"> <form (ngSubmit)="onClickResolveTramite(form)" #form="ngForm" id="reso

所以我有一个表单,我需要两个提交按钮,我需要ngNativeValidate来验证它,如何在onClickResolveTramite()中获取提交表单的按钮的值

它看起来很简单,但我已经搜索过了,什么也没找到,我只需要一个真的或假的来知道它是否被批准

<div class="modal-body">

  <form (ngSubmit)="onClickResolveTramite(form)"
        #form="ngForm"
        id="resolveTraimte"
        ngNativeValidate
        autocomplete="off">

    <!-- STATUS -->
    <div class="form-row">
      <div class="form-group col">
        <label for="message">
          Reason
        </label>
        <span>*</span>
        <textarea class="form-control"
                  name="message"
                  rows="4"
                  id="message"
                  [(ngModel)]="tramite.message"
                  placeholder="Reason"
                  required></textarea>
      </div>
    </div>


    <div class="form-row">
      <div class="form-group col">
        <label for="user">
          User
          <span>*</span>
        </label>
        <select class="form-control"
                name="user"
                id="user"
                [(ngModel)]="user"
                required>
          <option *ngFor="let user of tramite.users"
                  [ngValue]="user">
            {{user.nome}}
          </option>
        </select>
      </div>
    </div>

  </form>
</div>

<div class="modal-footer"
     style="border: none;">
  <button class="btn btn-light"
          (click)="onClickclose()">
    Cancel
  </button>
  <button *ngIf="tramite.needApro"
          type="submit"
          form="resolveTraimte"
          class="btn btn-danger"
          name="submitTramite"
          value="repprove"
          formaction="repprove">
    Repprove
  </button>
  <button class="btn btn-success"
          type="submit"
          name="submitTramite"
          form="resolveTraimte"
          value="approve"
          formaction="approve">
    {{ tramite.needApro ? 'Approve' : 'Complete' }}
  </button>

//  Controller

onClickResolveTramite(form: NgForm) {
    console.log(form);
  }

理由
*
使用者
*
{{user.nome}}
取消
申辩
{{tramite.needApro?'Approve':'Complete'}
//控制器
奥氏体(形态:NgForm){
控制台日志(表格);
}

为每个按钮分配不同的id。然后您可以使用获取触发提交的按钮的id
document.activeElement.id

一个表单不能有两个提交按钮,为什么不使用单击事件呢?您必须将表单中所有按钮的类型设置为button,否则将触发提交。将布尔值作为参数传递。高度相关:正如我所说,我需要ngNativeValidate来验证表单,因此通过单击事件iI将不会进行验证