web-dev-qa-db-fra.com

angular js: Empêcher Bootstrap Modal de disparaître en cliquant à l'extérieur ou en appuyant sur échap??

J'utilise angular bootstrap pour présenter un modal. Cependant, je souhaite empêcher le renvoi d'une fenêtre contextuelle lorsque je clique à l'extérieur de celui-ci ou lorsque la touche d'échappement est enfoncée. pressé.

J'ai suivi le tutoriel sur le angular bootstrap site: http://angular-ui.github.io/bootstrap/ )

enter image description here

javascriptangularjsangular-uiangular-bootstrap
57
Vinodh

Utilisation:

backdrop: 'static'

backdrop - contrôle la présence d'un fond. Valeurs autorisées: true (par défaut), false (pas de fond), 'statique' - le fond est présent, mais la fenêtre modale n'est pas fermée lorsque vous cliquez en dehors de la fenêtre modale.

Par exemple:

$modal.open({
      templateUrl: 'myModalContent.html',
      controller: ModalInstanceCtrl,
      backdrop: 'static'
    })
117
CD..

Ajouter les deux backdrop: static et keyboard: false à vos options modales. Le premier désactive le clic d'arrière-plan, le second la touche d'échappement.

backdrop: 'static' - Le fond est présent mais la fenêtre modale n'est pas fermée lorsque vous cliquez en dehors de la fenêtre modale.

keyboard - indique si la boîte de dialogue doit pouvoir être fermée en appuyant sur la touche Échap. La valeur par défaut est true.

Exemple:

$modal.open({
  templateUrl: 'template.html',
  controller: TheController,
  backdrop: 'static',
  keyboard: false
})

Voir la documentation pour plus d'informations.

39
theDmi

" Toile de fond - Contrôle la présence d’une toile de fond. Valeurs autorisées: true (valeur par défaut), false (pas de toile de fond), 'statique' - la toile de fond est présente mais modale fenêtre n'est pas fermée lorsque vous cliquez en dehors de la fenêtre modale. " - dans http://angular-ui.github.io/bootstrap/#/modal

Essayer:

<div ng-controller="ModalDemoCtrl" data-backdrop="static">
...
</div>
7
Th3Alchemist