A Angular wrapper provider-service for isMobile (https://github.com/kaimallea/isMobile).
By Ronny Haase, 2016. Licensed under CC0 1.0 Universal (CC0 1.0).
This is a stupid provider-service (meaning it's also available in Angular's configuration phase) that provides a cloned instance of isMobile.
It sniffs the user agent for mobile browsers, what you usually shouldn't need to do (responsive design, etc.), but it's a real world, isn't it?
See isMobile, to get more details on what and how it exactly works, and what will be returned by the service.
Important notice: The distributed version already includes isMobile.js!
Use npm:
$ npm install angular-ismobile
Or Bower:
$ bower install angular-ismobile
Or grab the latest release and add the JS file manually.
<script src="angular-ismobile.js"></script>Or minified:
<script src="angular-ismobile.min.js"></script>Important notice: The distributed version already includes isMobile.js!
As mentioned in the Introduction, the service simply returns a clone of the isMobile object. See isMobile, for details and reference.
// Add angular-ismobile module to your own module
angule.module('myApp', ['ismobile']);
// Inside a config-block, you inject the provider
angular.module('myApp').config(['$routeProvider', 'isMobileProvider',
function ($routeProvider, isMobile) {
if (isMobile.phone) {
$location.path('/mobile');
}
$routeProvider.when('/mobile', {
// ...
});
// ...
}]);
// At runtime (run-block, controllers, anywhere), you inject the service instance
angular.module('myApp').controller('someController', ['isMobile', function(isMobile) {
if (isMobile.phone) {
// ...
}
}]);Please create an issue. If you add a pull request, try to respect my code style, check for JSHint and assure the unit tests do pass, and extend them if necessary!