Używam kątowego bootstrapu do przedstawienia modalu. Ale moim wymaganiem jest zapobieganie wyskakiwaniu wyskakujących okienek po kliknięciu poza modalem lub po naciśnięciu klawisza Escape.
Poszedłem za tutorialem na kanciastej stronie bootstrap:http://angular-ui.github.io/bootstrap/
Odpowiedzi:
104 dla odpowiedzi № 1Posługiwać się:
backdrop: "static"
backdrop
- kontroluje obecność tła. Dozwolone wartości: true (domyślnie), false (brak tła), "static" - tło jest obecne, ale okno modalne nie jest zamknięte po kliknięciu poza oknem modalnym.
Na przykład:
$modal.open({
templateUrl: "myModalContent.html",
controller: ModalInstanceCtrl,
backdrop: "static"
})
34 dla odpowiedzi nr 2
Dodaj oba backdrop: static
i keyboard: false
do swoich opcji modalnych. Pierwszy wyłącza klikanie w tle, drugi - klawisz Escape.
backdrop: "static"
- tło jest obecne, ale okno modalne nie jest zamknięte po kliknięciu poza oknem modalnym.
keyboard
- wskazuje, czy dialog powinien być zamykany przez naciśnięcie klawisza ESC, domyślnie jest to prawda.
Przykład:
$modal.open({
templateUrl: "template.html",
controller: TheController,
backdrop: "static",
keyboard: false
})
Zobacz dokumentację po więcej informacji.
5 dla odpowiedzi nr 3
"zasłona - kontroluje obecność tła. Dozwolone wartości: true (domyślnie), false (brak tła), "static" - tło jest obecne, ale okno modalne nie jest zamknięte po kliknięciu poza oknem modalnym. "- in http://angular-ui.github.io/bootstrap/#/modal
Próbować:
<div ng-controller="ModalDemoCtrl" data-backdrop="static">
...
</div>