Bootstrap-Подтверждение jQuery плагин с AngularJS

0

Я пытаюсь использовать модуль Bootstrap-Confirmation с AngularJS, но я не могу заставить директиву работать правильно. Я использую это видео YouTube, чтобы начать работу.

Аналогичный вопрос SO использует другой плагин под названием popConfirm, но он используется аналогичным образом. Я попытался воспроизвести директиву, но это тоже не сработало.

Я хочу показать диалог подтверждения при нажатии кнопки и нажать "Да", только после этого будет функция ng-click.

Вот демон JSFiddle, работающий в JQuery.

И вот демо-версия Plnkr того, что у меня есть до сих пор.

Заказ сценария:

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

Основной 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
    };
});
Теги:
angularjs-directive
jquery-plugins

1 ответ

0

Посмотрите на эту встроенную библиотеку 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();
        }
    }]
});
}
  • 0
    Я хочу использовать плагин Bootstrap-Confirmation, поскольку он выглядит более элегантно. Есть ли способ заставить это работать? Другой SO вопрос, который я упомянул, похож и у него есть решение. Мне не нравится popConfirm, поскольку всплывающее окно / всплывающая подсказка больше, чем я хочу, иначе я бы попробовал это.
  • 0
    jsfiddle.net/nprL2pc3 Проверьте, это должно решить ваши проблемы. Извините за поздний ответ
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню