按需加载Angular脚本

时间:2015-10-05 21:17:19

标签: javascript angularjs

我有一个应用程序必须注册从脚本中获取的Angular新控制器。它应该能够收取最少量的脚本来启动应用程序,然后根据需要从其他模块获取必要的脚本。

例如:

  • 已加载该应用程序。
  • 显示一个菜单。
  • 点击一个项目后,它会验证模块是否未加载,然后通过http请求获取脚本。
  • 通过获取脚本必须将所有控制器/服务注册到新模块的所有URL。

1 个答案:

答案 0 :(得分:1)

您可以使用AngularJs手动引导程序。

以下是AngularJs文档中的一个示例:

<!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']);
});