Diferentes tipos de patrones angular Directivas

Question

angular.directive('ppd:reset', function(e1,e2) { 
    return function(linkElement) {  
     linkElement.wrap().... 
     }); 
    }; 
}); 

Y

angular.directive('ppd:reset', [function() { 
     return function(scope, elm, attrs) { } 

}]); 

¿Cuál es la diferencia entre estos dos directivas patrón?

Answer 1

Si declara sus fábricas con la notación de corchetes, puede evitar problemas cuando minifying su código:

angular.directive('ppd:reset', ["$compile", function(compile) { 
    return function(scope, elm, attrs) { } 

}]); 

El inyector mira a sus nombres de los parámetros de función con el fin de saber qué se inyectan. Si un proceso de minificación cambia el nombre, el inyector ya no sabe qué hacer. La minificación, por supuesto, no tocará los valores de cadena, por lo que la notación de matriz funciona bien.

Answer 2

La diferencia es que la versión n. ° 1 es una forma simple de que angular admite directivas de escritura que no requieren ningún módulo inyectable. La versión n. ° 2 es para inyectables. Entonces, digamos que su directiva dependía del $ timeout service, entonces tendría una definición como la siguiente. Para mí, es más fácil no pensar y simplemente usar la sintaxis de matriz, incluso si no hay inyectables.

angular.directive('ppd:reset', ['$timeout', function($timeout) { 
     return function(scope, elm, attrs) { } 
}]); 

Answer 3

La diferencia entre los dos es que la notación del soporte [] es a prueba de minúsculos ya que los minificadores no minimizan las cadenas. Por ejemplo, si intenta minify JavaScript sin ella, se encenderá:

angular.module('myApp', []) 
.controller('MainController', function($scope) { 
}); 

en

angular.module("myApp",[]).controller("MainController",function(e){}) 

El problema en este caso es que Angular no sabe nada acerca de e en lugar de $scope, que sí conoce. Usando la notación de corchetes [], podemos decirle al $injector de antemano a qué queremos que acceda el controlador. Dado que los minificadores no minimizan (y no pueden) las cadenas, es una forma segura de utilizar la función de inyección de dependencias de característica de Angular con o sin minificadores.

Para una comprensión más profunda de las diferencias de sintaxis, puede consultar ng-book (https://www.ng-book.com/). Descargo de responsabilidad, soy el autor del libro y de http://www.ng-newsletter.com/.