ng-device-detector

#ng-device-detector ##Angular module to detect OS / Browser / Device

Uses user-agent to set css classes or directly usable via JS. See website: http://srfrnk.github.io/ng-device-detector

Install

• Run $ bower install ng-device-detector --save
• Add script load to HTML:<script type="text/javascript" src=".../re-tree.js"></script>
• Add script load to HTML:<script type="text/javascript" src=".../ng-device-detector.js"></script>
• Add module to your app dependencies: ...angular.module("...", [..."ng.deviceDetector"...])...
• To add classes - add directive like so- <div ... device-detector ...>
• To use directly add "deviceDetector" service to your injectors...

Setup

You can set custom detectors at the provider object. The

angular.module(..., ["ng.deviceDetector"])
    .config(['deviceDetectorProvider', function(deviceDetectorProvider) {
      deviceDetectorProvider.addCustom("Custom_UA_Entry",{and:["\\bCustom_UA_Entry\\b",{not:"\\bChrome\\b"}]});
    }])
    .controller(..., ["$scope", "deviceDetector", function($scope, deviceDetector) {
      $scope.customUAEntry = deviceDetector.custom["Custom_UA_Entry"]; // true / false
    }]);

Custom detectors will also be added as CSS classes with 'is-' prefix and encoded into css class name casing.

deviceDetector service

Holds the following properties:

• raw : object : contains the raw values... for internal use mostly.
• os : string : name of current OS
• browser : string : name of current browser
• device : string : name of current device

Support

At first I added just major browser, OS, device support. With help from mariendries,javierprovecho and crisandretta more support was added. [The current list of supported browser,OS, device can be easily viewed in here] (https://github.com/srfrnk/ng-device-detector/blob/master/ng-device-detector.js).

Pull-requests with new stuff will be highly appreciated :)

Example

See plunker

License

MIT License