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