Angular-css-injector

A angularJS service to load dynamically CSS files. The original name of this project was angularDynamicStylesheets.

===== Description

angular-css-injector is a AngularJS service allows you to load dynamically CSS files in your HTML page.

==== How to use ?

Your angular's app must be defined on the HTML tag of your page

<html ng-app="myApp"

Add the module "angular.css.injector" to your AngularJS apps

     angular.module('myApp', ['angular.css.injector']);

Get this service where you want and add your css files in your HTML page ! Example here in a controller :

     function MyCtrl($scope, cssInjector)
     {
         cssInjector.add("/path/to/your/css/file.css");
     }

To remove all added CSS files when the page change (in a single page application), set the single page mode :

     function MyCtrl($scope, cssInjector)
     {
         cssInjector.setSinglePageMode(true);
     }

To remove manually all added CSS files, call the function removeAll :

     function MyCtrl($scope, cssInjector)
     {
         cssInjector.removeAll();
     }

==== Compatibility

IE >= 8

FF >= 3.5

Chrome >= 4

Opera >= 10

To make it IE7 compatible, delete "queryselector" in the code but you will need to include jQuery in your page. About "queryselector" compatibility : http://caniuse.com/queryselector

==== Dependencies

No one (only angular of course) for major browser. jQuery if you need to make your website IE6 & IE7 compatible.

Code tested with angular 1.0.8 & angular 1.2.3

==== Previous version