Ich verwende Angular UI $ modal in meinem Projekt http://angular-ui.github.io/bootstrap/#/modal
Ich möchte nicht, dass der Benutzer das Modal durch Drücken auf den Hintergrund schließt. Ich möchte, dass ein Modal nur durch Drücken der von mir erstellten Schaltfläche zum Schließen geschlossen werden kann.
Wie verhindere ich das Schließen von Modal?
angularjs
angular-ui
angularjs-service
Rahul Prasad
quelle
quelle
Funktioniert für "Klick" -Ereignisse, aber Sie können das Popup trotzdem mit der Esc-Taste schließen.
um ein Popup zu verhindern, das durch die Taste "Esc" geschlossen wird.
Vielen Dank an pkozlowski.opensource für die Antwort.
Ich denke, die Frage ist ein Duplikat von Angular UI Bootstrap Modal - wie man Benutzerinteraktion verhindert
quelle
Alte Frage, aber wenn Sie Bestätigungsdialoge zu verschiedenen Schließaktionen hinzufügen möchten, fügen Sie diese Ihrem modalen Instanzcontroller hinzu:
Ich habe oben rechts eine Schaltfläche zum Schließen, die die Aktion "Abbrechen" auslöst. Durch Klicken auf den Hintergrund (falls aktiviert) wird die Abbruchaktion ausgelöst. Sie können dies verwenden, um verschiedene Nachrichten für verschiedene Abschlussereignisse zu verwenden.
quelle
event.preventDefault();
insidecase "backdrop click"
und kehren Sie zurück, um die Ausführung zu beenden.Dies wird in der Dokumentation erwähnt
static
könnte funktionieren.quelle
Global konfigurieren,
Dekorateur , eine der besten Eigenschaften in eckigen. bietet die Möglichkeit,Module von Drittanbieternzu "patchen" .
Angenommen, Sie möchten dieses Verhalten in all Ihren
$modal
Referenzen und Ihre Anrufe nicht ändern.Sie können einen Dekorateur schreiben . das fügt einfach Optionen hinzu -
{backdrop:'static', keyboard:false}
$modal
umbenannt in$uibModal
Online-Demo - http://plnkr.co/edit/2MWIpOs3uAG5EFQy6Ndn?p=preview
quelle
Verwenden Sie für die neue Version von ngDialog (0.5.6):
quelle