关于模态框的理解（持续更新）

最新推荐文章于 2024-07-20 17:41:17 发布

原创最新推荐文章于 2024-07-20 17:41:17 发布 · 528 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#模态框

angualar之模态框专栏收录该内容

1 篇文章

订阅专栏

本文探讨了使用AngularJS（1.0版）时模态框的常见问题及解决方案，包括模态框间数据传递、位置调整、背景行为设置及大小控制等。详细介绍了如何通过resolve属性解决模态框间数据传递错误，使用windowClass属性调整模态框位置，以及backdrop和size属性的使用技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我这时候使用的框架 angular.js（1.0版）
1.传参
遇到的问题：模态框上再用模态框，两个模态框之间传递数据，第一次模态框打开后能够打开第二个模态框，第二个模态框关闭后，再次打开出现错误
传参方式：resolve：{modalParams ： $KaTeX parse error: Expected 'EOF', got '}' at position 10: scope.dec}̲ 原因：第一次打开后能够正常传\dots$ scope.dec，第二次打开后 $KaTeX parse error: Expected '}', got 'EOF' at end of input: \dotsfunction（）{dec：$ scope.dec}}}
2.模态框位置展示问题
情景：两个模态框顶部在同一个位置，影响美观、
原因：两个模态框共用了同一个class 改变其中一个时另一个也会发生改变
解决办法：windowClass ：‘editor-suffer’
原因：模态框出现时会出现一个唯一的窗体对象，对这个窗体进行增加class，控制其class属性
3.其他
backdrop: ‘static’ //这个点击其他部分时模态框不会发生关闭，当为flase时会关闭
size：‘sm’/‘lg’
controller：“”控制器
4.模态框完成时
modalInstance.result.then(function(){},function(){});
这两次参数，第一个是成功时返回参数运行的函数，第二个是关闭模态框时触发的函数。