Angularjs - 根据浏览器/平台更改视图？

Question

是否有任何内置服务/指令/路由根据用户访问的浏览器/平台类型更改视图(或使用路由的页面)？我希望手机和平板电脑的视图与桌面用户不同.

Answer 1

我不知道Angular内置的任何内容,但您可以通过在路由规则中插入逻辑来实现.例如:

angular.module('browser-routing', []).
  config(function($routeProvider) {
    $routeProvider.
      when('/', {templateUrl: getBrowser() + '.html'})
});

在此示例中,如果getBrowser()返回'iphone',它将呈现视图iphone.html

您可以使用 BrowserDetect来执行名称所暗示的操作.

用于Chrome和Firefox检测的小提琴示例