Angular 单击NGB模式背景时的函数调用。anuglar 2模态

我正在尝试使用

NgbModal

单击

angular2

中使用的模式的背景（阴影部分），调用函数（比如“randomFunction”）

以下是

companyNumberComponent.html

：

<company-numbers-list (companyNumberModal)="modalService.open(companyNumberModal);"></company-numbers-list>

<template ngbModalContainer #companyNumberModal let-c="close" let-d="dismiss" id="companyNumberModal">
    <div class="modal-body">
        <company-number-modal></company-number-modal>
    </div>
    <div class="modal-footer text-center">
        <mi-button [type]="'info'" id="number_flow_close" [raised]="true" aria-label="close" (click)="c('Close click');
        ">Close</mi-button>
    </div>

---

有人可以建议我如何继续这个过程，或者如何在模态函数的

dismise（）

或

close（）

函数中调用这个

randomFunction（）

。

似乎他们在中有你想要的，即

modaldismissReasions

：

从'@ng bootstrap/ng bootstrap'导入{NgbModal，modaldismsreasons}；
打开（内容）{
this.modalService.open（content.result.then（（result）=>{}，（reason）=>{
if（reason==modaldismissreasions.ESC | |//如果您还想检查ESC
原因===ModalDismissReasons。背景（单击）{
此函数为.random函数（）；
}
});
}

此处似乎根本不包括关闭单击，因此您可以在模板中的单击事件上调用

randomFunction

_

（单击）=“c（'Close click'）；randomFunction（）

或者您可以在组件中执行此操作，但在第一个回调中，如果单击关闭按钮，它似乎会向您抛出字符串

'close click'

（或者您在模板中定义的任何内容）。然后修改

打开的
，如下所示：

打开（内容）{
this.modalService.open（content.result.then）（（result）=>{
如果（结果=='关闭单击'）{
这个函数是
}
}，（原因）=>{
如果（原因===modaldismissreasions.ESC | |
原因===ModalDismissReasons。背景（单击）{
此函数为.random函数（）；
}
});
}

@Component
 .....
 export class companyNumberComponent(){
     constructor(private modalService: NgbModal){}
     public randomFunction(){
         console.log("hi");
     }
 }