使用AngularJS的Bootstrap-Confirmation jQuery插件

Question

我正在尝试使用AngularJS的Bootstrap-Confirmation插件，但我似乎无法让指令正常工作。我正在使用this YouTube视频开始使用。

类似的SO question使用另一个名为popConfirm的插件，但它的使用方式类似。我试图复制该指令，但这也不起作用。

我想在单击按钮时显示确认对话框，单击IF“是”，然后单击“点击”功能。

以下是JQuery中的JSFiddle Demo。

这是迄今为止我所拥有的Plnkr Demo。

脚本顺序：

1. 的jquery.js
2. Angular.js
3. UI-Bootstrap.js
4. Bootstrap.css
5. 自举-Confirmation.js
6. app.js

主要HTML：

<button class="btn btn-xs btn-primary" pop-confirm ng-click="confirm()">Confirm</button>

App指令：

app.directive('popConfirm', function(){
    var linker = function(scope, element, attr) {
        element.confirmation();
    };

    return {
        link: linker
    };
});

Answer 1

看看这个内置的jquery库 这里 https://nakupanda.github.io/bootstrap3-dialog/

function confirm() {
BootstrapDialog.show({
    title: 'Confirmation Required',
    message: 'Are you sure? You are about to delete this file.',
    size: "SIZE_SMALL",
    type: "type-danger",

    buttons: [{
        label: 'Yes',
        cssClass: 'btn-primary btn-sm',
        action: function(dialogItself){
           //your ajax codes here if you have or do any requests here
            dialogItself.close();
        }
    }, {
        label: 'No',
        cssClass: 'btn-default btn-sm',
        action: function(dialogItself){
            dialogItself.close();
        }
    }]
});
}