Search code examples
angularjsscalableng-view

AngularJS scalability when using ng-view/partial

Is it possible to add script tag inside a partial/template in AngularJS? I can only use ng-view (with router) if I load the partial controller.js in the main page. This will not work well if you have a app with a lot of pages. I have heard about a JQuery fix, which I tried unsuccessful. I could solve it by using JSP, MVC4 or Wicket but that's a quite big overhead. I heard about the RequireJS solution but some say its not realy what RequireJS is for.

Solution

  • Here is an article that shows how to load AngularJS components with RequireJS after bootstrap.

    http://www.bennadel.com/blog/2554-Loading-AngularJS-Components-With-RequireJS-After-Application-Bootstrap.htm

    and it's demo is here

    http://bennadel.github.io/JavaScript-Demos/demos/loading-angularjs-with-requirejs-after-bootstrap/