angular js: impedisce la scomparsa di Bootstrap Modal quando si fa clic all'esterno o si preme escape? - javascript, angularjs, angular-ui, angular-bootstrap

Sto usando il bootstrap angolare per presentare un modale. Ma il mio requisito è quello di evitare il licenziamento del pop-up quando si fa clic all'esterno del modal o quando si preme il tasto Esc.

Ho seguito il tutorial sul sito di boot angolare:http://angular-ui.github.io/bootstrap/

risposte:

Uso:

backdrop: "static"

backdrop - controlla la presenza di uno sfondo. Valori ammessi: vero (predefinito), falso (senza sfondo), "statico" - lo sfondo è presente ma la finestra modale non viene chiusa quando si fa clic all'esterno della finestra modale.

Per esempio:

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

Aggiungi entrambi backdrop: static e keyboard: false alle tue opzioni modali. Il primo disabilita il clic di sfondo, il secondo la chiave di escape.

backdrop: "static" - lo sfondo è presente ma la finestra modale non viene chiusa quando si fa clic all'esterno della finestra modale.

keyboard - indica se la finestra di dialogo deve essere chiudibile premendo il tasto ESC, il valore predefinito è true.

Esempio:

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

Vedi i documenti per maggiori informazioni.

"fondale - controlla la presenza di uno sfondo. Valori ammessi: vero (predefinito), falso (senza sfondo), "statico" - lo sfondo è presente ma la finestra modale non viene chiusa quando si fa clic all'esterno della finestra modale. "- in http://angular-ui.github.io/bootstrap/#/modal

Provare:

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