如何关闭 ng-bootstrap 模式答案

【问题标题】：How to close ng-bootstrap modal如何关闭 ng-bootstrap 模式
【发布时间】：2017-04-25 01:55:33
【问题描述】：

在我的 Angular 2 项目中引导。我的模态中也有两个按钮。每个按钮也有一个回调函数。如何实现模态close 或从按钮调用模态close？浏览了文档，但感觉安静难以理解。

以下是我的按钮配置：

private _modalConfig: any = {
        title: 'Are you sure you want to delete this Lesson?',
        button: [{
            text: 'Delete',
            class: 'btn-delete',
            callback: ()=>{
                            console.log(event);
                            alert('this is Delete');
                          } 
        },
        {
            text: 'Cancel',
            class: 'btn-cancel',
            callback: ()=>{  
                            event.preventDefault(); 
                            alert('this is Cancel');
                          } 
        }]
    }

【问题讨论】：

*您好，我正在使用 ng-bootstrap。由于某种原因无法编辑我的问题

标签： javascript twitter-bootstrap angular bootstrap-modal ng-bootstrap

【解决方案1】：

如果你使用的是ng2-bootstrap的ModalDirective，那么正确的方法是

.hide()，允许手动关闭模态框。

【讨论】：

【解决方案2】：

如果您将 bootstrapjs 包含在您的网站中。

应该是这样的：

angular.element('#modal').modal('hide');

这是关闭引导模式的非常基本的方法。

【讨论】：