Angular 2 ng-bootstrap close Modal

发布时间：2020-12-17 07:57:12 所属栏目：安全来源：网络整理

导读：我试图关闭通过open(内容)函数呈现给我的模态,如ng-boostrap的 Documentation中的示例所示.在网站上,它提到我可以致电NgbActiveModal关闭或解雇. 所以我在组件中包含了NgbActiveModal并尝试调用dismiss()或close().它们都不起作用.首先,dismiss()是未定义的(

我试图关闭通过open(内容)函数呈现给我的模态,如ng-boostrap的 Documentation中的示例所示.在网站上,它提到我可以致电NgbActiveModal关闭或解雇.

所以我在组件中包含了NgbActiveModal并尝试调用dismiss()或close().它们都不起作用.首先,dismiss()是未定义的(我导入NgbActiveModal错了吗？)当我调用close()时,似乎想调用lib.dom.d.ts中的一些奇怪的函数,这根本不是我想要的.所以对我来说,即使在我导入NgbActiveModal之后,我似乎无法访问ng-bootstrap提供的关闭和关闭.请注意,我可以显示模态罚款

在该示例中,通过(click)=“c(‘Close click’)”关闭模态.我不知道它来自哪里.

所以…我如何调用close()或dismiss()(无论哪个有效)来摆脱模态

答案可以在这里找到.不幸的是,ng-bootstrap网站缺少很多信息 Cannot close ng-bootstrap Modal

在组件类中

private modalRef: NgbModalRef;

  // Modal
  open(content) {
    this.modalRef = this.modalService.open(content);
    this.modalRef.result.then((result) => {
      this.closeResult = `Closed with: ${result}`;
    },(reason) => {
      this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;
    });
  }

  onSave() {
    this.modalRef.close();
  }

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!