AngularJS directive in one module and template in another

Question

Looking for a suggestion of a good way to create an abstract directive in one module and load its template on different modules.

The scenario is the following: I have a web site split into two (web portal and backoffice) which are two different deploys. Both share a lot of modules and the layout but have different functionalities.

I would like for the menu directive and structure to be on a core/common module, but its template should be loaded by the modules, so that the core module doesn't need to know what specific deploy is being used!

I thought about using $templateCache on each module configuration process, but does anyone know a better option for this?

Estus Flask · Accepted Answer · 2017-12-04 14:20:56Z

1

Yes, the only option to keep templates and the rest of the application in different JS bundles is $templateCache. Other options (directive inheritance or requireing and bundling template HTML files with Webpack) will likely result in monolithic bundles.

There's no separate template unit in AngularJS, so in order to be included in module, templates should be defined with $templateCache.put.

edited Dec 4, 2017 at 14:20

answered Nov 30, 2017 at 17:00

Estus Flask

226k79 gold badges478 silver badges620 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

talkshowhost Over a year ago

Many thanks for your reply. I have been testing it using $templateCache and it works fine, even though if it is not ideal, I can live with it! Will mark as solved since the alternatives don't seem that reliable then!

Collectives™ on Stack Overflow

AngularJS directive in one module and template in another

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related