23

我有一个在本地开发环境中运行良好的 Rails/AngularJS 应用程序。但是,当我将此应用程序部署到 Heroku 时,AngularJS 不起作用并返回此错误:

Unknown provider: eProvider <- e

我做了一些研究,似乎它与资产的预编译和缩小有关,但我不知道该怎么做才能解决这个问题。有任何想法吗?谢谢!

这是控制器的外观:

function RemindersCtrl($scope, $http) {
  $http.get('/reminders.json').success(function(data) {
    $scope.reminders = data;
    console.log(data);
  });
}

这是视图中的代码:

    %section.reminders
      %div{"ng-controller" => "RemindersCtrl"}
        %ul
          %li{"ng-repeat" => "reminder in reminders"}
            .title {{reminder.title}}

更新:我将控制器更改为此,但结果相同:

var RemindersCtrl = function($scope, $http) {
  $http.get('/reminders.json').success(function(data) {
    $scope.reminders = data;
    console.log(data);
  });
}
RemindersCtrl.$inject = ['$scope','$http'];
4

3 回答 3

27

根据 AngularJS 教程(http://docs.angularjs.org/tutorial/step_05),您可以将其添加到控制器中以防止出现缩小问题:

function RemindersCtrl($scope, $http) {
  ...
}
RemindersCtrl.$inject = ['$scope', '$http'];

或者不是定义这样的函数:

function RemindersCtrl($scope, $http) {
  ...
}

应该这样做:

var RemindersCtrl = ['$scope', '$http', function($scope, $http) {
  ...
}];
于 2012-12-03T14:50:23.440 回答
5

您可能将控制器定义为FooController = function($http) {},您应该定义为FooController = ["$http", function($http){}]

这里

于 2012-11-28T18:13:42.393 回答
5

Angular 团队(也是一般来说)建议我们不要污染全局范围。

.controller 方法,

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

myApp.controller('GreetingCtrl', ['$scope', function($scope) {
  $scope.greeting = 'Hola!';
}]);

对我来说很好。这记录在Angular Understanding Controllers 文档中

于 2013-11-09T00:45:26.083 回答