Angular 2 ng-bootstrap close Modal

前端之家收集整理的这篇文章主要介绍了Angular 2 ng-bootstrap close Modal前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图关闭通过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();
  }

猜你在找的Angularjs相关文章