在自耕农应用程序中构建grunt之后,模态不会显示出来

时间:2015-05-08 11:53:18

标签: angularjs yeoman-generator-angular mobile-angular-ui

我使用yeoman/generator-angular生成了一个包含移动和桌面视图的角度项目。移动模板严重依赖于mobile-angular-ui,它在开发中非常好

由于某些原因,modalsgrunt build 之后未显示。相反,调用模态就像在页面顶部添加透明组件一样(我的意思是,具有最高的z-index),以与模态相同的方式窃取焦点。因此,模式本身不会显示,并且页面不响应任何单击事件(假设假模态锁定焦点)。

我的模态的内容是通过ng-include指令加载的,它似乎有用(我可以在Chrome的网络工具中看到)。没有错误消息抱怨控制台中缺少资源,我唯一能想到的是负责切换mobile-angular-ui中的模态可见性的代码在某种程度上受到构建过程的影响。听起来可能吗?

有什么可能导致开发和生产之间的这种行为差异的想法?

我正在使用mobile-angular-ui 1.2.0-beta.11。请随时索取更多信息。

2 个答案:

答案 0 :(得分:1)

宾果。问题实际上来自 mobile-angular-uibootstrap 之间的冲突,因为我分别将它们用于移动和桌面视图。

由于我使用了非常有限的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目录中。也许这是一个类似的问题?