This article describes the operation skills of AngularJS compressing JS. Share it for your reference, as follows:
Most web projects will compress js code when they are released, with the purpose of reducing the size of js files and saving some traffic.
Its principle is very simple, which is to rename parameters, some variable names and functions.
However, this way of working will be exceptions in AngularJS applications.
Since AngularJS's dependency injection is injected according to parameter names, obviously renaming parameters will destroy this mechanism.
If no special processing is performed, after compression (minify), such an error will appear during execution.
Unknow provider: aProvider<-a
The official explanation for this error is:The service you depend on cannot be found
That is to say, this kind of dependency injection will cause errors.
Fortunately, AngularJS has a built-in standard mechanism to deal with this problem.
The easiest and most common way is to use arrays instead of functions.like:
.controller('RegisterCtrl', ['$scope', '$interval', '$timeout', function ($scope, $interval, $timeout) {
//do something
}]);
The last element of the array is always a function, and the first few parameters are strings, which correspond one by one to the parameters in this function.
Another form is the so-called Annotation method.like
var objCtrl = function($scope, $timeout, $interval){
// do something
}
//Add a $inject property to the objCtrl function, which is an array that defines the object to be injectedobjCtrl.$inject = ['$scope', '$interval', '$timeout'];
The dependency injection form here is not limited to Controller, and all DI (directive, factory, services, etc. of dependency injection) can be used in these two ways.
I hope this article will be helpful to everyone's AngularJS programming.