Angular submit外部表单
Angular submit外部表单
提问于 2019-04-10 20:43:23
当单击表单外部的按钮并将FormGroupDirective.submitted更改为true时，我需要在表单上调用submit。
我有下一个布局
<form (ngSubmit)="submit()" #myForm [formGroup]="formGroup">
...
</form>
<button (click)="formGroupDirective.ngSubmit.emit()" *ngIf="showEditControl"
class="btn btn_blue mr-3 button-save" type="submit">
{{'buttons.save' | translate}}
</button>和component.ts
@ViewChild('myForm', {read: FormGroupDirective}) formGroupDirective: FormGroupDirective;这将调用(ngSumit)，但是属性submitted不会更改。由于submitted为readonly，因此更改属性本身并不好。这里可以做什么(除了创建隐藏的提交按钮并模拟单击它们)？
回答 1
Stack Overflow用户
发布于 2019-04-10 21:01:28
使用这个。
在html中：
<form [formGroup]="form" #myForm="ngForm">
// ...Form Controls
</form>
<button (click)="submitForm()" *ngIf="showEditControl" class="btn btn_blue mr-3 button-save" type="submit">
{{'buttons.save' | translate}}
</button>在component.ts中
@ViewChild('myForm') form: FormGroupDirective;
formGroup: FormGroup = new FormGroup({
myInput: new FormControl(''),
//etc...
});
submitForm() {
this.form.onSubmit(undefined);
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55612879
复制相关文章
相似问题
腾讯云开发者
