javascript - 是否可以使用 angularAMD 在运行时延迟加载 Angular 模块并将其注入(inject)到应用程序中？

Question

我在定义应用程序时将 ng-grid 作为依赖项:

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

但并非我所有的 View 和 Controller 都需要 ngGrid，所以我在想是否可以在定义需要它的 Controller 时将 ngGrid 加载并注入(inject)到应用程序中？

我试过类似的方法，但没有用:

应用程序.js:

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

ProductListCtrl.js:

define(['app', 'ng-grid'], function (app) {
    'use strict';

    app.register.controller('ProductListCtrl', ['$scope', 'ngGrid', function ($scope) {
        name = $injector.get('ngGrid')
        $scope.name = name
    }]);

});

有什么建议吗？

Answer 1

angularAMD 提供了一个 ngload RequireJS 插件，允许您加载现有的 AngularJS 模块。将 ngload 添加到您的 main.js 然后执行:


define(['app', 'ngload!ng-grid'], 函数 (app) { ... }


参见 documentation了解更多详情。