缩小angularjs脚本会导致错误

Question

尝试缩小我的angularjs代码，但不知怎的，当我缩小它时会出错。当没有缩小时，它就像预期的那样工作而没有错误。

Error: $injector:unpr
Unknown Provider
Unknown provider: aProvider <- a <- CartController

这是代码本身：

var kvv = angular.module('kvv', ['ngStorage']);
kvv.controller('CartController', function($scope, $localStorage, $sessionStorage, $timeout) {

    if ($localStorage.items === undefined) {
        $localStorage.items = [];
    }

    $scope.localStorage = $localStorage

    $scope.remove = function(index) {
      $localStorage.items.splice(index, 1);
    };

    $scope.checked = false;

    $scope.addToCart = function(index, title, desc, price, timeout) {

      $scope.checked = true;
      var found = false;
      angular.forEach($localStorage.items, function(items) {
          if (items.id  === index) {
            $timeout(function() {
              (items.quantity++);
              $scope.checked = false;
            }, 750);
            found = true;
        }
      });
      if (!found) {
        $timeout(function() {
            $localStorage.items.push(angular.extend({
            id: index,
            title: title,
            quantity: 1,
            price: price}, index))
            $scope.checked = false;
            },750);
        }
    };

    $scope.itemWithoutBtw = function(index) {
        var itemWithoutBtw = 0;
        angular.forEach($localStorage.items, function(items) {
            itemWithoutBtw += items.price / 106 * 100;
        })
        return itemWithoutBtw;
    };

    $scope.total = function(index) {
            var total = 0;
            angular.forEach($localStorage.items, function(items) {
                total += items.quantity * items.price;
            })
            return total;
    };

    $scope.totalBtw = function(index) {
            var totalBtw = 0;
            var total = $scope.total();
            angular.forEach($localStorage.items, function(items) {
                totalBtw = total / 106 * 6;
            })
            return totalBtw;
    };

    $scope.totalWithBtw = function(index) {
            var totalWithBtw = 0;
            angular.forEach($localStorage.items, function(items) {
                totalWithBtw += (items.quantity * items.price) + (items.quantity * items.price  / 100 * 6);
            })
            return totalWithBtw;
    };
    $scope.totalWithoutBtw = function(index) {
            var total = $scope.total();
            var totalBtw = $scope.totalBtw();
            var totalWithoutBtw = 0;
            angular.forEach($localStorage.items, function(items) {
                totalWithoutBtw = total - totalBtw;
            })
            return totalWithoutBtw;
    };

    $scope.orderTotal = function(index) {
            var orderTotal = 0;
            angular.forEach($localStorage.items, function(items) {
                orderTotal += items.quantity;
            })
            return orderTotal;
    };

    $scope.orderDelete = function(index) {
        delete $localStorage.items;
        $localStorage.items = [];
        $('html, body').animate({scrollTop: 0}, 2500);
    }
});

知道我做错了什么吗？

Answer 1

要以角度缩小，您必须将需要注入的项目的函数包装在包含依赖项的字符串表示形式的数组中。

也许这会有所帮助。 https://scotch.io/tutorials/declaring-angularjs-modules-for-minification

＆＃13;

＆＃13;

var kvv = angular.module('kvv', ['ngStorage']);
//You needed to add the array syntax.
kvv.controller('CartController', ['$scope', '$localStorage', '$sessionStorage', '$timeout', function($scope, $localStorage, $sessionStorage, $timeout) {

    if ($localStorage.items === undefined) {
        $localStorage.items = [];
    }

    $scope.localStorage = $localStorage

    $scope.remove = function(index) {
      $localStorage.items.splice(index, 1);
    };

    $scope.checked = false;

    $scope.addToCart = function(index, title, desc, price, timeout) {

      $scope.checked = true;
      var found = false;
      angular.forEach($localStorage.items, function(items) {
          if (items.id  === index) {
            $timeout(function() {
              (items.quantity++);
              $scope.checked = false;
            }, 750);
            found = true;
        }
      });
      if (!found) {
        $timeout(function() {
            $localStorage.items.push(angular.extend({
            id: index,
            title: title,
            quantity: 1,
            price: price}, index))
            $scope.checked = false;
            },750);
        }
    };

    $scope.itemWithoutBtw = function(index) {
        var itemWithoutBtw = 0;
        angular.forEach($localStorage.items, function(items) {
            itemWithoutBtw += items.price / 106 * 100;
        })
        return itemWithoutBtw;
    };

    $scope.total = function(index) {
            var total = 0;
            angular.forEach($localStorage.items, function(items) {
                total += items.quantity * items.price;
            })
            return total;
    };

    $scope.totalBtw = function(index) {
            var totalBtw = 0;
            var total = $scope.total();
            angular.forEach($localStorage.items, function(items) {
                totalBtw = total / 106 * 6;
            })
            return totalBtw;
    };

    $scope.totalWithBtw = function(index) {
            var totalWithBtw = 0;
            angular.forEach($localStorage.items, function(items) {
                totalWithBtw += (items.quantity * items.price) + (items.quantity * items.price  / 100 * 6);
            })
            return totalWithBtw;
    };
    $scope.totalWithoutBtw = function(index) {
            var total = $scope.total();
            var totalBtw = $scope.totalBtw();
            var totalWithoutBtw = 0;
            angular.forEach($localStorage.items, function(items) {
                totalWithoutBtw = total - totalBtw;
            })
            return totalWithoutBtw;
    };

    $scope.orderTotal = function(index) {
            var orderTotal = 0;
            angular.forEach($localStorage.items, function(items) {
                orderTotal += items.quantity;
            })
            return orderTotal;
    };

    $scope.orderDelete = function(index) {
        delete $localStorage.items;
        $localStorage.items = [];
        $('html, body').animate({scrollTop: 0}, 2500);
    }
}]);

＆＃13;

＆＃13;

＆＃13;