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();
  }

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...