如何防止在Angular中点击模态框外部时关闭模态框?
P粉805107717
P粉805107717 2023-09-13 20:32:07
0
1
560

我已经阅读了几个关于此问题的问答,所有的建议都是一个非常简单的解决方案:在负责打开模态框的按钮的HTML标签中添加

data-backdrop="static" data-keyboard="false"

对于我来说,这个按钮是:

完整的模态框是:

但是每次我按ESC键或者点击模态框外部,它都会关闭。我还尝试从TS中管理它,使用@ViewChild modal(引用模态框的DOM div),以及一个dialog: MatDialog属性,然后在按下Delete按钮时调用的onDelete()方法中,我只是简单地输入了this.modal.open(dialog, { disableClose: true });,但也没有起作用。我更倾向于只从HTML中解决它。我有什么遗漏吗?(我使用的是angular 14.1.1和bootstrap v5)

P粉805107717
P粉805107717

全部回复 (1)
P粉398117857

Backdrop必须设置为static,这样当点击它外部时模态框不会关闭,但是它被设置为data-bs-backdrop="static"而不是data-backdrop="static"

   
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责声明 Sitemap
    PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!