我正在尝试缩小我的 Angular 应用程序中的 js 文件。我知道在依赖注入(inject)和缩小方面有一些 pbs,但我觉得我遵循了我在互联网上找到的最佳实践。
这是我的代码的结构:
我的提供商:
function myPvdr() {
this.getUrl = function() {
return 'http://some/api/call';
};
this.$get = function($q, $http) {
var self = this;
return {
getData: function(points) {
var d = $q.defer();
$http({
method: 'GET',
url: self.getUrl(),
cache: true
}).success(function(data) {
d.resolve(data);
}).error(function(err) {
d.reject(err);
});
return d.promise;
}
}
}
}
我的 Controller :
function myCtrl($scope, MyProvider, localStorageService) {
// some code
}
我的模块:
angular.module('myApp', ['LocalStorageModule', 'ngAnimate'])
.provider('MyProvider', myPvdr)
// Loading controllers into the module
.controller('myCtrl', ['$scope', 'MyProvider', 'localStorageService', myCtrl])
未缩小时工作正常。但是在使用 grunt 的 uglify 任务后,我在控制台上打印了以下错误:
Error: [$injector:unpr] http://errors.angularjs.org/1.3.0-rc.2/$injector/unpr?p0=aProvider%20%3C-%20a%20%3C-%20MyProvider
我做错了什么?
最佳答案
您没有使代码压缩变得安全:
有两个选项,$注入(inject)或在声明函数时内联添加它并使用带引号参数的数组(引号中的内容不会缩小)
https://docs.angularjs.org/tutorial/step_05
在 Controller 函数上创建一个 $inject 属性,该属性包含一个字符串数组。数组中的每个字符串都是要为相应参数注入(inject)的服务的名称。在我们的例子中我们会这样写:
function PhoneListCtrl($scope, $http) {...}
PhoneListCtrl.$inject = ['$scope', '$http'];
phonecatApp.controller('PhoneListCtrl', PhoneListCtrl);
使用内联注释,您不仅提供函数,还提供数组。该数组包含服务名称列表,后跟函数本身。
function PhoneListCtrl($scope, $http) {...}
phonecatApp.controller('PhoneListCtrl', ['$scope', '$http', PhoneListCtrl]);
关于javascript - AngularJS - 缩小错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26024850/