Load Angular scripts on demand

Question

I have an application that must register Angular new Controllers obtained from a script. It should be able to charge the minimum amount of script to start the application and then obtain the necessary scripts on demand from other modules.

For instance:

The application is loaded.
A menu is displayed.
After clicked on an item, it verifies that the module is not loaded, then the scripts are obtained through an http request.
By getting the scripts must register all Controllers / Services to all urls of the new module will be available.

Answer 1

You could use AngularJs manual bootstrap.

Below is an example from AngularJs document:

<!doctype html>
<html>
<body>
<div ng-controller="MyController">
   Hello {{greetMe}}!
</div>
<script src="http://code.angularjs.org/snapshot/angular.js"></script>

<script>
angular.module('myApp', [])
  .controller('MyController', ['$scope', function ($scope) {
    $scope.greetMe = 'World';
  }]);

angular.element(document).ready(function() {
  angular.bootstrap(document, ['myApp']);
});

Load Angular scripts on demand

Question

1 answers

solution1
1 ACCPTED 2015-10-05 21:20:36

Load Angular scripts on demand

Question

1 answers

solution1 1 ACCPTED 2015-10-05 21:20:36

solution1
1 ACCPTED 2015-10-05 21:20:36