Heroku通过JS文件缩小破坏了我的Rails + Angular.js应用程序

Question

我在Heroku上有一个全新的Rails 4.2.0应用程序和Angular.js,我有以下angular.js控制器:

angular.module("CarDealer.controllers",[]).controller('carsController', function ($scope, carDealerAPIservice) {
  $scope.nameFilter = null;
  $scope.carsList = [];

  carDealerAPIservice.getCars().success(function (response) {
    $scope.carsList = response;
  });
});

在我看来:

<div class="row" data-ng-controller="carsController">
  <div class="row">
    <div class="col-md-4">
      <input type="text" ng-model="nameFilter" placeholder="Find vehicle..." class="form-control", autofocus="true"/>
    </div>
  </div>

  <ul data-ng-repeat="car in carsList | filter: nameFilter">
    <li>{{ car.model_name }} - {{ car.year }} </li>
  </ul>

但是当我打开页面时没有任何渲染,我在控制台中有以下内容:

错误:[$ injector:unpr]未知提供者:eProvider < - e < - carsController

在开发模式下一切正常,但在生产模式下,我发现自己陷入了这个问题.

我该怎么做才能克服这种情况？我试过禁用资产压缩,但都没有成功.

提前致谢

Answer 1

为了避免缩小源的问题,请始终使用以下语法注入依赖项:

controller('carsController', ['$scope', 'carDealerAPIservice', function ($scope, carDealerAPIservice) { 
//code
}]);