Things to be aware of when ANGULARJS compression

Source: Internet
Author: User
Tags javascript array

Because Angularjs is based on the parameter name of the controller constructor, the dependent service name is inferred. So if you want to compress the controller's JS code, all of its parameters will be compressed at the same time, the dependency injection system will not be able to correctly identify the service.

If the name of our controller is: Bookctrl, the code before compression is:
var Bookctrl = function ($scope, $http) {/* Constructor body */};

To overcome the problem caused by compression, simply assign a value to the $inject property in the controller function to an array of dependent service identifiers:
Bookctrl. $inject = [' $scope ', ' $http '];

Another method can also be used to specify a dependency list and avoid compression problems-using a JavaScript array to construct the controller: placing the service to be injected into a string array (representing the dependent name), the last element of the array is the Controller's method function:

var Bookctrl = [' $scope ', ' $http ', function ($scope, $http) {/* Constructor body */}];


The two methods mentioned above can work perfectly with any function that Angularjs can inject, depending on the programming style of your project.we recommend using array mode。

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.