表单名称无法在 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 (将#修改为@）