我使用yeoman/generator-angular
生成了一个包含移动和桌面视图的角度项目。移动模板严重依赖于mobile-angular-ui
,它在开发中非常好 。
由于某些原因,modals在grunt build
之后未显示。相反,调用模态就像在页面顶部添加透明组件一样(我的意思是,具有最高的z-index),以与模态相同的方式窃取焦点。因此,模式本身不会显示,并且页面不响应任何单击事件(假设假模态锁定焦点)。
我的模态的内容是通过ng-include
指令加载的,它似乎有用(我可以在Chrome的网络工具中看到)。没有错误消息抱怨控制台中缺少资源,我唯一能想到的是负责切换mobile-angular-ui
中的模态可见性的代码在某种程度上受到构建过程的影响。听起来可能吗?
有什么可能导致开发和生产之间的这种行为差异的想法?
我正在使用mobile-angular-ui
1.2.0-beta.11。请随时索取更多信息。
答案 0 :(得分:1)
宾果。问题实际上来自 mobile-angular-ui
和bootstrap
之间的冲突,因为我分别将它们用于移动和桌面视图。
由于我使用了非常有限的bootstrap
子集,因此我决定删除所有bootstrap
个依赖项,并仅使用mobile-angular-ui
,这也为桌面视图提供了极简主义支持(即{ {1}}等,用于响应式布局)。
答案 1 :(得分:0)
我不了解mobile-angular-ui
,但在Angular ui-bootstrap
中,您不仅需要包含主要代码,还需要包含模板:
<script src="bower_components/angular-bootstrap/ui-bootstrap.min.js"></script>
<script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
如果您不包含tpls,则开发仍然有效,因为它可以从bower_components
中的位置加载文件。
在生产中,您获得与使用模态时描述的类似结果,因为模板未捆绑在dist
目录中。也许这是一个类似的问题?