Dynamic loading of less/css files.

[mikehm]

Is there a way to dynamically load less files? I have two modules that have their own less rules that collide when the app loads,

I tried injecting the following in the index.html

and...

controller: function($rootScope) { $rootScope.stylesheets = [ {href: 'assets/css/core.css', type:'text/css'} ]; }

in each module.js file (with different href values).

• what would be the best way to avoid the collision without having to resort to changing class and id names/rules in the those files?