Question

Is there any in-built services/directives/routes to change the view (or page using routing) based on the type of browser/platform the user is accessing from? I’d like phones and tablets to have a different view than desktop users.

Answer 1

I don’t know of anything built into Angular, but you can do this by inserting logic into your routing rules. For example:

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

In this example, if getBrowser() returns 'iphone' it will render the view iphone.html

You can use
BrowserDetect to do what the name implies.

fiddle example for Chrome and Firefox detection