Add directive to module after bootstrap and applying on dynamic content

Question

I have a web page with a module defined (myModule) where I\'m boostraping angularjs using

angular.bootstrap(element,[myModule.name]);

After

Answer 1

The thing with registering lazy controller or directives is that you have to get hold of $controllerProvider and $compileProvider respectively.

It can be done only during configuration phase so you have to keep the references until you load the controllers/directives.

Lately I was working on lazy loading of the controller, today I've added support for directives, check out my code here:

https://github.com/matys84pl/angularjs-requirejs-lazy-controllers/

particularly this module lazy-directives.js

NOTE: I use RequireJS in my project, however applying my solution to yepnope should be quite easy.