Как предотвратить загрузку модальной версии Angular-UI?

Question

Как предотвратить загрузку модальной версии Angular-UI?

0

У меня есть $modalInstance. Я могу получить уведомление о событии с помощью обещаний:

$modalInstance.result.finally(function() {
  // code here
});

Но я не знаю, как предотвратить закрытие, если пользователь закрывает модель по ошибке. Я хочу спросить пользователя, действительно ли кто-то хочет закрыть модель и закрыть ее, если он это сделает. Тем не менее, я не хочу включать backdrop: 'static':

$modal.open({
  ... // other options
  backdrop : 'static'
});

Спасибо.

Georgy 06 окт. 2015, в 12:03

Источник

0

Когда вы закрываете модальное событие так, что событие запускается, мне кажется, что вы можете как-то с этим поработать, думаю, этот вопрос может вам помочь: stackoverflow.com/questions/30356844/…
klskl 06 окт. 2015, в 09:42
0

Я не думаю, что есть необходимость использовать модал Boostrap. Вы можете просто создать div / форму с z-index больше нуля. И используйте ng-hide / ng-show, как требуется, чтобы скрыть / увидеть.
SaiGiridhar 06 окт. 2015, в 10:07
0

@SaiGiridhar хорошо, я должен использовать его в проекте, это требование. В прошлый раз, когда я делал модал, это был только VanillaJS :)
Georgy 06 окт. 2015, в 10:15
0

@user3266024 user3266024 После просмотра корыта я не вижу ответа, потом внимательно прочту ответы, спасибо.
Georgy 06 окт. 2015, в 10:17

Показать ещё 2 комментария

Теги:

angularjs

modal-dialog

angular-ui

1 ответ

Ещё вопросы

Когда вы закрываете модальное событие так, что событие запускается, мне кажется, что вы можете как-то с этим поработать, думаю, этот вопрос может вам помочь: stackoverflow.com/questions/30356844/…
Я не думаю, что есть необходимость использовать модал Boostrap. Вы можете просто создать div / форму с z-index больше нуля. И используйте ng-hide / ng-show, как требуется, чтобы скрыть / увидеть.
@SaiGiridhar хорошо, я должен использовать его в проекте, это требование. В прошлый раз, когда я делал модал, это был только VanillaJS :)
@user3266024 user3266024 После просмотра корыта я не вижу ответа, потом внимательно прочту ответы, спасибо.

klskl · Answer 1 · 2015-10-06T07-52-00.000Z

Я сделал еще несколько исследований, и я нашел другой вопрос, похожий на этот, это ответ, найденный по этому вопросу (не стесняйтесь +1, а не меня)

    $scope.$on('modal.closing', function(event, reason, closed) {
    var r = prompt("Are you sure you wanna close the modal? (Enter 'YES' to close)");

    if (r !== 'YES') {
        event.preventDefault();
    }
});

Поместите это внутри модального контроллера.

Это не совсем то, что вы искали, это подскажет вам, если вы попытаетесь закрыть модальный, отклонив (нажав внешний модальный), отменив или ок. Вы можете попробовать и изменить его в соответствии с вашими потребностями.

Обновление: добавлена простая проверка, if else вы хотите проверить, что было нажато, и если щелкнул фоновый экран, попросите пользователя:

    $scope.$on('modal.closing', function(event, reason, closed) {

    if (reason == 'ok' || reason == 'cancel'){
        console.log('closed');
    } else {
        // this is if 'reason' == 'backdrop click' 
        var r = prompt("Are you sure you wanna close the modal? (Enter 'YES' to close)");

        if (r !== 'YES') {
            event.preventDefault();
        }
    }
});

Считаете ли вы, что этого решения достаточно?