[英]Angular How to submit event on modal component
我有一个带有这个模板的模态组件:
<div class="header"></div>
<div class="body">
<ng-content></ng-content>
</div>
<div class="footer">
<button>Submit</button>
<button>Cancel</button>
</div>
在 ng 内容中,我通过服务传递了一个这样的模板:
<form #contactForm="ngForm" (ngSubmit)="onSubmit()">
/*some inputs */
<button type="submit">Submit</button>
</form>
我需要在我的模态组件中单击页脚部分上的按钮进行提交......我不需要表单内的按钮(我必须隐藏它吗?)但我找不到解决方案。 ..我该如何解决这种情况?
模板
<form #testForm="ngForm" (ngSubmit)="onSubmit(testForm)">
<p>
<label for="firstname">First Name</label>
<input type="text" name="firstname" ngModel>
</p>
<p>
<label for="lastname">Last Name</label>
<input type="text" name="lastname" [(ngModel)]="lastname">
</p>
<p>
<button type="submit">Submit</button>
</p>
</form>
<button (click)="save()">Submit</button>
ts代码
export class HelloComponent {
title = "Template driven forms";
lastname = "patel";
@ViewChild(NgForm) testForm: NgForm;
onSubmit(contactForm) {
console.log(contactForm.value);
}
save(e) {
this.testForm.onSubmit(e);
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.