把mobile的request一律只render page#home (layout是mobile.html)，之後就統一由angular接管route。

application_controller.rb

class ApplicationController < ActionController::Base
  before_filter :mobile_view_redirect
  layout :which_layout
    
  def mobile_device?
    request.user_agent =~ /Mobile|webOS|Android/
  end
  
  helper_method :mobile_device?

  def which_layout
    mobile_device? ? 'mobile' : 'application'
  end

  def mobile_view_redirect
    if mobile_device? and request.format.html? and request.env['PATH_INFO'] != '/'
      logger.info "Mobile version render /"
      render :layout => which_layout, :template => "pages/home"
    end
  end

end

routes.js

angular.config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) {
  $routeProvider
    .when('/', {
      controller: 'PagesCtrl',
      templateUrl: '/partials/pages/home.html'})
    .when('/pictures/:id', {
      controller: 'PictureCtrl',
      templateUrl: '/partials/pictures/show.html'})
    .otherwise({ redirectTo: '/' });

  $locationProvider.html5Mode(true);

}]);