Question

我遇到了恼人的Angular minify问题（我真的希望Angular 2中不存在这个问题）

我已经注释掉了我的所有应用模块注入，然后逐一查看列表，找出问题所在，我认为我将其缩小到 searchPopoverDirectives ：

你能看出我做错了吗？

原始代码，生成this error Unknown provider: eProvider <- e：

(function() { "use strict";

    var app = angular.module('searchPopoverDirectives', [])

    .directive('searchPopover', function() {
        return {
            templateUrl : "popovers/searchPopover/searchPopover.html",
            restrict    : "E",
            scope       : false,
            controller  : function($scope) {

                // Init SearchPopover scope:
                // -------------------------
                var vs = $scope;
                vs.searchPopoverDisplay = false;

            }
        }
    })

})();

然后我尝试使用[]语法尝试修复minify问题并遇到this error Unknown provider: $scopeProvider <- $scope <- searchPopoverDirective：

(function() { "use strict";

    var app = angular.module('searchPopoverDirectives', [])

    .directive('searchPopover', ['$scope', function($scope) {
        return {
            templateUrl : "popovers/searchPopover/searchPopover.html",
            restrict    : "E",
            scope       : false,
            controller  : function($scope) {

                // Init SearchPopover scope:
                // -------------------------
                var vs = $scope;
                vs.searchPopoverDisplay = false;

            }
        }
    }])

})();

更新还发现这个人造成了问题：

.directive('focusMe', function($timeout, $parse) {
    return {
        link: function(scope, element, attrs) {
            var model = $parse(attrs.focusMe);
            scope.$watch(model, function(value) {
                if (value === true) { 
                    $timeout(function() {
                        element[0].focus(); 
                    });
                }
            });
            element.bind('blur', function() {
                scope.$apply(model.assign(scope, false));
            })
        }
    }
})

Answer 1

当你缩小代码时，它会缩小所有代码，所以你的

controller  : function($scope) {

被缩小为类似

controller  : function(e) {

所以，只需使用

controller  : ["$scope", function($scope) { ... }]

Answer 2

缩小javascript时，参数名称会更改，但字符串保持不变。您有两种方法可以定义需要注入的服务：

内联注释：
```
ProfileDto
```
使用phonecatApp.controller('PhoneListCtrl', ['$scope', '$http', function($scope, $http){ ... }]);属性：
```
$inject
```

使用phonecatApp.controller('PhoneListCtrl', PhoneListCtrl); PhoneListCtrl.$inject = ['$scope', '$http']; function PhoneListCtrl($scope, $http){ ... }被认为比内联注释更具可读性。最佳做法是始终有一行声明$inject，controller或service，一行用于定义注入值，最后是实现方法。由于javascript的提升性质，该方法可以最后定义。

请记住：注释（字符串）和函数参数的顺序必须相同！

我的Angularjs在哪里缩小错误？错误$ injector

2 个答案: