如何关闭ng-bootstrap模式

时间:2017-04-25 01:55:34

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

我的角度2项目中的bootstrap。我的模态中也有两个按钮。每个按钮也有一个回调函数。如何从按钮实现模态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');
                          } 
        }]
    } 

2 个答案:

答案 0 :(得分:0)

如果您正在使用ng2-bootstrap的ModalDirective,那么正确的方法是

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

答案 1 :(得分:-1)

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

应该是这样的:

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

这是关闭bootstrap模式的最基本方法。