Я пытаюсь использовать модуль Bootstrap-Confirmation с AngularJS, но я не могу заставить директиву работать правильно. Я использую это видео YouTube, чтобы начать работу.
Аналогичный вопрос SO использует другой плагин под названием popConfirm, но он используется аналогичным образом. Я попытался воспроизвести директиву, но это тоже не сработало.
Я хочу показать диалог подтверждения при нажатии кнопки и нажать "Да", только после этого будет функция ng-click.
Вот демон JSFiddle, работающий в JQuery.
И вот демо-версия Plnkr того, что у меня есть до сих пор.
Заказ сценария:
Основной HTML:
<button class="btn btn-xs btn-primary" pop-confirm ng-click="confirm()">Confirm</button>
Директива о приложении:
app.directive('popConfirm', function(){
var linker = function(scope, element, attr) {
element.confirmation();
};
return {
link: linker
};
});
Посмотрите на эту встроенную библиотеку 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();
}
}]
});
}