Angular 如何在单击按钮时关闭打开模式弹出窗口？

我有一个

AppComponent

，其中有一个登录按钮。当用户单击登录按钮时，

SigninComponent

将以模式弹出窗口的形式打开

如何在单击按钮时关闭打开的模式弹出窗口

这是我的密码：

app.component.html

应用程序组件.ts

openmodelpopup（内容：字符串）{
this.modalPopup.open（content）；
}

modalPopup.ts

constructor（私有modalService:NgbModal）{
打开（内容：字符串）{
this.modalService.open（content，{centered:true}）.result.then（（result）=>{
this.closeResult=`Closed with:${result}`；
}，（原因）=>{
this.closeResult=`disposed${this.getDismissReason（reason）}`；
});
}        
getDismissReason（原因：任意）：字符串{
if（reason==modaldismissreasions.ESC）{
返回“按ESC键”；
}else if（reason==ModalDismissReasons.background\u单击）{
返回“点击背景”；
}否则{
返回`with:${reason}`；
}
}

---

请帮助我解决此问题。

型号弹出式服务返回打开的弹出式参考

// popupRef : NgbModalRef;    
this.popupRef = this.modalService.open(content,{ centered: true });

然后使用返回的引用并关闭打开的弹出窗口。 比如：

urClickMethod(){
 this.popupRef.close();
}