简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Wie kann verhindert werden, dass ein Modal geschlossen wird, wenn in Angular außerhalb des Modals darauf geklickt wird?
P粉805107717
P粉805107717 2023-09-13 20:32:07
0
1
582

Ich habe mehrere Fragen und Antworten zu diesem Problem gelesen und alle Vorschläge stellen eine sehr einfache Lösung dar: Fügen Sie

in das HTML-Tag der Schaltfläche ein, die für das Öffnen des Modals verantwortlich ist 
data-backdrop="static" data-keyboard="false"

Für mich ist dieser Button:

Die komplette Modalbox ist:

Aber jedes Mal, wenn ich die ESC-Taste drücke oder außerhalb des Modals klicke, wird es geschlossen. Ich habe auch versucht, es über TS mit@ViewChild modal（引用模态框的DOM div），以及一个dialog: MatDialog属性，然后在按下Delete按钮时调用的onDelete()方法中，我只是简单地输入了this.modal.open(dialog, { disableClose: true });zu verwalten, aber auch das hat nicht funktioniert. Ich würde es lieber einfach aus HTML lösen. Gibt es etwas, das mir fehlt? (Ich verwende Angular 14.1.1 und Bootstrap v5)

P粉805107717
P粉805107717

Antworte allen (1)
P粉398117857
P粉3981178572023-09-14 18:12:13 1 Etage

Backdrop必须设置为static，这样当点击它外部时模态框不会关闭，但是它被设置为data-bs-backdrop="static"而不是data-backdrop="static"
Wie+0
Antwort hinzufügen
    Beliebte Themen
    Mehr>
    Populäre Artikel
    Beliebte Tutorials
    Mehr>
    Verwandte Tutorials
    Beliebte Empfehlungen
    Aktuelle Kurse
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage
    Über uns Haftungsausschluss Sitemap
    Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！