AngularJS基于桌面或移动的不同视图

也就是说，我会做的一种方式是：

>为web应用程序的主页/着陆页确定浏览器/设备的简单脚本。这可以找到here。
>接下来，根据浏览器/设备，您将用户重定向到不同的路由
>根据浏览器/设备类型有不同的路由 – 根据路由显示不同的模板，从而基于路由识别它是否是移动设备。

最后一步是这样的：

angular.module('myApp',[]).
  config(['$routeProvider',function($routeProvider) {
    $routeProvider.
      //Display desktop version
      when('/desktop/homePage',{
        //Template for Desktop based browsers
        templateUrl: 'partials/desktop/home-page.html'
      }).
      //Display mobile version
      when('/mobile/homePage',{
        //Template for Mobile based browsers
        templateUrl: 'partials/mobile/home-page.html'
      }).
      otherwise({redirectTo: '/desktop/homePage'});
}]);