AngularJS терпит неудачу, когда уменьшенная

Question

Я использую Minifier аддон к визуальной студии, которая в основном работает для этого одного блока AngularJS кода, за исключением

Это unminified код:

var svgBuildInterface = angular.module("svgBuildInterface", []); 

svgBuildInterface.directive('ngRightClick', function ($parse) { 
    return function (scope, element, attrs) { 
     var fn = $parse(attrs.ngRightClick); 
     element.bind('contextmenu', function (event) { 
      scope.$apply(function() { 
       event.preventDefault(); 
       fn(scope, { $event: event }); 
      }); 
     }); 
    }; 
}); 

Это довольно -printed уменьшенного кода, который не удается:

svgBuildInterface = angular.module("svgBuildInterface", []); 
svgBuildInterface.directive("ngRightClick", function(n) { 
    return function(t, i, r) { 
     var u = n(r.ngRightClick); 
     i.bind("contextmenu", function(n) { 
      t.$apply(function() { 
       n.preventDefault(); 
       u(t, { 
        $event: n 
       }) 
      }) 
     }) 
    } 
}); 

Я не могу поставить точку останова в уменьшенный код, чтобы выяснить, что происходит, но angularJS бросает исключение:

Error: [$injector:unpr] http://errors.angularjs.org/1.5.7/ 
$injector/unpr?p0=nProvider%20%3C-%20n%20%3C-%20ngRightClickDirective 

Answer 1

Измените директиву, как показано ниже, есть определенные рекомендации, которые следует соблюдать при написании контроллера или директивы или любой другой компонент угловой JS, когда вы хотите, чтобы Минимизировать ваш JS.

Один из них проходит через инъекции зависимостей []

var svgBuildInterface = angular.module("svgBuildInterface", []); 

svgBuildInterface.directive('ngRightClick',['$parse', function ($parse) { 
    return function (scope, element, attrs) { 
     var fn = $parse(attrs.ngRightClick); 
     element.bind('contextmenu', function (event) { 
      scope.$apply(function() { 
       event.preventDefault(); 
       fn(scope, { $event: event }); 
      }); 
     }); 
    }; 
}]);