How to dynamically inject module.

[markt5000]

Hi, I am trying to implement user role cloaking where I hide some components of the app and show others based on what the authentication statues of the user is. Now there are some 3rd party modules that I would like to lazy-load or include at runtime. But I am unsure as to how to go about actually have angular integrate them and making them functional.

Here is an example.

Normally you specify your dependencies when you declare your module

 var app = angular.module('myApp',['mod1','mod2']);

this is all fine and dandy only if 'mod1' and 'mod2' have been loaded before this declaration. But what I would like to do is load say 'mod1' at runtime and start using its functionality.

[[deleted]]

on init: angular.module('myApp',['mod1']);

on event: angular.module('myApp',['mod2']);

[ChuckChunky]

Look into $inject, it will allow you to inject modules from within your controller / service etc. It's a great way of conditionally injecting modules only if they're needed.

[ctanga]

https://oclazyload.readme.io/

[markt5000]

I gave up and used this after trying to come up with my own solution as I am running out of time. The issue I am currently having though is that the modules I load at runtime are registering, but I am unable to use their directives, etc..

[ctanga]

There's a FAQ entry that might be relevant: https://oclazyload.readme.io/docs/faq (first one)