AngularJS + RequireJS + angular-ui-grid

Question

我正在尝试将 angular-ui-grid 与 AngularJS 和 RequireJS 一起使用。请参阅 plunker here。

我的 index31.html 有网格并且 indexController.js 定义了 gridOptions 对象。 indexController 在需要时注入。

当浏览器在 index31.html 之前加载 indexController.js 时，它可以正常工作（即显示网格）但是当它相反时，我得到错误：$scope.uiGrid is undefined.

我如何指定（在 $stateProvider 配置或其他地方）总是在 index31.html 之前加载 indexController.js。或者，如何让所有控制器在 html 之前加载？

Answer 1

这样做的原因是您需要异步控制器的实际代码，即使用内联 require:

// app.js
define(function () {
    ...
    app.controller('IndexController', ['$scope', '$injector', function ($scope, $injector) {
        // HERE!!!
        require(['indexController'], function (controller) {
            $injector.invoke(controller, this, { '$scope': $scope });
        });
    }]);
});

此模式无法保证加载顺序。

你能做什么：需要'indexController'在顶部：

define(['indexController'], function (indexController) {
    ...
    app.controller('IndexController', indexController);
});

它甚至消除了 $injector 的（可怕的 IMO）用法！

（旁注：这样做，笨蛋在indexController.js的最后一行抱怨$scope.$apply()；我把它注释掉了，看起来真的是多余的。）

Plunk：http://plnkr.co/edit/fsyljR8FEeZdvXB3SRJP?p=preview