2015-05-08 19 views
2

我有一个使用移动和桌面视图生成的具有yeoman/generator-angular的角度项目。移动模板很大程度上依赖于mobile-angular-ui,并且在开发时它工作得很好在一个yeoman应用程序中的咕噜声后不显示模态

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

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

有什么想法可以导致开发和生产之间的这种行为差异?我使用mobile-angular-ui 1.2.0-beta.11。随意请求更多信息。

回答

1

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

由于我使用的bootstrap非常有限的子集,我决定取消我所有的bootstrap依赖关系,并只与mobile-angular-ui这也为桌面视图简约的支持(即col-md-xx等,为响应布局)工作。

0

我不知道mobile-angular-ui,但在角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> 

当你不包括第三方物流,发展仍然是工作,因为它能够从bower_components的位置加载文件。 在生产中,您会得到与使用模块时类似的结果,因为这些模板未捆绑在dist目录中。也许这是一个类似的问题?

+0

哼......他们没有在[documentation](http://mobileangularui.com/docs/#installation)中提到这样的事情,也没有'mobile-angular-ui'提供的“模板”说话。但是现在我想知道引导模式(我在桌面视图中使用)与'mobile-angular-ui'模式(我在移动视图中使用的模式)之间是否会发生冲突...... – Buddyshot