Min. Angolare con controller di controllo?

Question

Se ho il seguente:

myapp.directive('directivename', ... 

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

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

Come faccio a modificare questo in modo tale che MyController non andranno distrutte quando minified? Sto ottenendo il seguente errore:

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

Answer 1

Può essere risolto utilizzando l'annotazione di dipendenza esplicita. Quello che hai annotazione implicita che causa problemi mentre si minimizza. È possibile utilizzare $inject o l'annotazione dell'array in linea per annotare anche le dipendenze nella direttiva.

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

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

O nella direttiva:

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

o registri il controllore utilizzando la sintassi .controller

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

e impostare nome del controller nella direttiva al posto del costruttore.

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

Si può anche dare un'occhiata a ng-annotate con il quale non è necessario utilizzare l'annotazione esplicita.

Answer 2

Di solito, viene utilizzato il seguente approccio:

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

per evitare tali problemi.