生产中无法访问角度控制器

Question

我有一个Symfony项目，并且绝大多数人都在多个环境中工作：使用Angular.js进行开发和生产。

目前，我有一个Angular控制器，可以在开发环境中访问它，但不能在生产环境中访问它，并抛出一条消息：“错误：[ng：areq]参数'xxxx'不是函数，未定义”。 我在多个线程中看到了后一个消息，但是没有一个对我有帮助。

angular.module('MyApp').controller('MyController', function MyController($scope, MyMapper, _, moment, APP_URL, $location) {

$scope.APP_URL = APP_URL;
$scope.momentjs = moment;
$scope.isLoading = 1;
$scope.page = 1;
$scope.totalPagesNum = 1;
$scope.limit = 20;


// fill the table with data
MyMapper.find($location.search()).then(function(data) {

         // ... 
    })();
}).then(function() {
    $scope.isLoading = false;
});

}）;

Answer 1

如果要最小化代码（这在生产中很常见），则将需要注释依赖项，因为它们可能会被最小化脚本重命名。 为此，请对您的代码使用以下模式：

angular.module('MyApp').controller('MyController', 
    ['$scope','MyMapper','_','momemt','APP_URL','$location',
        function($scope, MyMapper, _, moment, APP_URL, $location) {
            /* your code for the controller */
        }
    ]
);

请参阅https://docs.angularjs.org/guide/di了解更多信息，尤其是“ Dependency Annotation”部分和inline array notation子部分。

Answer 2

我认为这个问题已经解决了。

事实证明，vendors.js（vendros.min.js）的缩小版未在生产环境中正确加载。 因此，我必须在我的Gruntfile.js中指向正确的目录。

其次，按照Brad的说明，我根据AngularJS在线指南重构了控制器。

谢谢大家参与。