How to do JavaScript Library Dependency Injection in Angular?

Question

How can I include JavaScript libraries on a controller basis using Angular?

For example, I'm using morris.js and ckeditor in this project which require nearly 1MB (dev versions) of resources even though they are only used on two pages.

It's obviously a waste to include these within the entire single page application by referencing them in the index.html file.

Is there a way to use Angular Dependency Injection to include these in a controller? I'm guessing using a service or a directive but I'm not sure how those components would look in this case.

Gjohn · Accepted Answer · 2014-01-10 05:29:23Z

2

You are better off using require.js to load these modules in your SPA based on when you need them.

answered Jan 10, 2014 at 5:29

Gjohn

1,2811 gold badge8 silver badges12 bronze badges

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

2 Comments

Brandon Over a year ago

Interesting, thanks for the answer. After reading more about require.js and Angular that seems to be the best approach.

Gjohn Over a year ago

Glad I could help, Brandon. Good luck with your application.

Collectives™ on Stack Overflow

How to do JavaScript Library Dependency Injection in Angular?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related