Índice

Nomenclatura de una directiva

La nomenclatura de una directiva se basa en la convención camelCase.

module.directive("ngRepeat", function() { ... });  
module.directive("miDirectiva", function() { ... });  
module.directive("miDirectivaSuperLarga", function() { ... });

El uso de una directiva en una vista no se hace directamente utilizando su nombre. Como las convenciones de nomenclatura en HTML son diferentes de las convenciones en JavaScript, habrá que utilizar el nombre de la directiva transformado para que cada letra mayúscula se reemplace por el carácter en minúscula prefijado por un guion.

<div ng-repeat="item in items"></div>  
<div mi-directiva></div>  
<div mi-directiva-super-larga></div>

Con el objetivo de que esta nomenclatura sea compatible con las distintas versiones de HTML, AngularJS soporta el uso de varios prefijos durante la declaración de la directiva en las vistas.

Para ser compatible con HTML 5, hay que prefijar las directivas con data-.

<div data-ng-repeat="item in items"></div>  
<div data-mi-directiva></div>  
<div data-mi-directiva-super-larga></div>

Para ser compatible con xHTML, hay que prefijar las directivas con x-.

<div x-ng-repeat="item in items"></div>  
<div x-mi-directiva></div>  
<div x-mi-directiva-super-larga></div>

Para ser compatible con XML, hay que prefijar ...