javascript - 如何按需加载模块？

我知道我可以像这样引导应用程序时在AngulrJS中加载模块（依赖项）：

var app = angular.module('myApp', [
    'ngSanitize',
    'ionic',
]);

我想在给定的控制器上加载某些模块，而不是全局模块。

例如，我有两个控制器：

app.config(function ($stateProvider, $urlRouterProvider, $locationProvider) {
  $stateProvider
    .state('index', {
      url: '/',
      templateUrl: 'partials/index',
      controller: IndexCtrl
    })
    .state('addPost', {
      url: '/addPost',
      templateUrl: 'partials/addPost',
      controller: AddPostCtrl
    });

   $urlRouterProvider.otherwise('/');
   $locationProvider.html5Mode(true);
});

我只想在ui.tinymce控制器中加载AddPostCtrl模块，因此可以在addPost页面上使用tinymce编辑器。但是当我访问索引页面时，我不想加载ui.tinymce。

有什么办法吗？

最佳答案

您需要使用AngularAMD，它可以让您按需创建角度对象：
http://marcoslin.github.io/angularAMD/#/modules
http://weblogs.asp.net/dwahlin/dynamically-loading-controllers-and-views-with-angularjs-and-requirejs