AngularJSのブートストラップ確認jQueryプラグ

Question

Bootstrap-ConfirmationプラグインをAngularJSで使用しようとしていますが、指示が正しく機能しないようです。私はthis YouTubeビデオを使っています。

類似のSO questionは、popConfirmという別のプラグインを使用しますが、同様の方法で使用されます。私は指令を複製しようとしましたが、それはどちらもうまくいきませんでした。

ボタンがクリックされたときに確認ダイアログを表示し、「はい」をクリックした場合にのみ、ng-click機能を実行します。

ここには、JSFiddle DemoがJQueryで動作しています。

ここに私がこれまで持っていたもののPlnkr Demoがあります。

スクリプト注文：

1. JQuery.js
2. Angular.js
3. UI-Bootstrap.js
4. Bootstrap.css
5. ブートストラップ・Confirmation.js
6. アプリ.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(); 
     } 
    }] 
}); 
}