Rails - 为AngularJS应用程序包含移动和桌面的不同资产？

Question

如何为为手机设计的AngularJS视图和从Rails API为桌面设计的AngularJS视图包含一组不同的资源(CSS和JavaScript)？默认模板(application.html.erb或index.html)通常只会使用初始请求加载一次,因为它是一个AngularJS应用程序,因此我认为Rails应用程序的常用桌面与移动解决方案不起作用.

具体来说,我正在尝试将使用AngularJS,Bootstrap和jQuery的桌面应用程序与使用AngularJS和Ionic的移动应用程序相结合.除视图外,这两个应用程序大多数都有共享代码.观点将大不相同,因此响应方法是不够的.我根本找不到这方面的指导.任何帮助将不胜感激.

Answer 1

Rails 4.1提供了变体,因此您可以根据显示类型使用不同的视图模板.这是一个更全面的例子.这是最近的,所以关于它们还没有很多.

如果您没有使用4.1,那么您可以使用Mobylette gem来实现同样的目标.然后,您还可以拥有application.mobile.erb包含不同资产的完全不同的产品.

对于在您包含的资产之间进行翻转,您还可以查看此(帮助程序方法部分),但这不会解决整个问题的不同视图集的问题:

Rails 3中的移动样式切换,辅助方法与媒体查询