如何解决表单名称无法在 ngb 模态角度组件内部访问
我正在使用带角度的 ngb 模态。目前我正在为我的表单使用以下代码。 这是我的 html 页面。
<button type="button" (click)="open(details)"> Open popup</button>
<ng-template #details let-modal>
<form novalidate (ngSubmit)="=checkForm(addcheckinform)"
#addcheckinform="ngForm">
<input type="text" [(ngModel)]="user.name" name="name" />
<button type="submit">reset</button>
</form>
</ng-template>
@ViewChild(NgForm) addcheckinform: NgForm;
user: any = {};
checkForm(form: NgForm){
this.addcheckinform.reset();
}
open(contents) {
this.modalService.open(contents,{ ariaLabelledBy: 'modal-basic-title',size: 'xl',backdrop: 'static' }).result.then((result) => {
},(reason) => {
});
}
我知道,我可以使用 this.user={} 重置表单。但我需要知道为什么 'this.addcheckinform' 未定义。我们不能在 ngb 模式中访问表单名称。我如何将我的表单名称传递给“checkForm”函数。谢谢
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。