Угловая минификация с контроллером?

Question

Если у меня есть следующие:

myapp.directive('directivename', ... 

    return { 
     ... 
     restrict: 'E', 
     controller: MyController, 
     ... 
    } 

    function MyController($scope, $somethingelse) { 
     // Contents of controller here 
    } 
); 

Как изменить это такое, что MyController не будут уничтожены, когда уменьшенная? Я получаю следующее сообщение об ошибке:

Error: [$injector:unpr] Unknown provider: eProvider <- e

Answer 1

Это может быть разрешено с помощью явной аннотации зависимостей. У вас есть скрытая аннотация, которая вызывает проблемы при минимизации. Вы можете использовать $inject или встроенную аннотацию массива для аннотации зависимостей в директиве.

MyController.$inject = ['$scope', '$somethingelse']; 

function MyController($scope, $somethingelse) { 
    // Contents of controller here 
} 

Или в директиве:

return { 
    ... 
    restrict: 'E', 
    controller: ['$scope', '$somethingelse', MyController], 
    ... 
} 

или зарегистрировать свой контроллер, используя .controller синтаксис

app.controller('MyController', ['$scope', '$somethingelse', MyController]); 

и настроить имя контроллера в директиве вместо конструктора.

return { 
    ... 
    restrict: 'E', 
    controller: 'MyController', 
    ... 
} 

Вы также можете посмотреть на ng-annotate, с которым вы не должны использовать явную аннотацию.

Answer 2

Обычно используется следующий подход:

myapp.controller('MyController', ['$scope', '$somethingelse', function($scope, $somethingelse) { 
    ... 
}]); 

, чтобы избежать таких проблем.