Mi código:
app.directive('abcabc', function (){ alert('directive');}); // working
pero
app.directive('abcAbc', function (){ alert('directive');}); // not working !
app.directive('abc-abc', function (){ alert('directive');}); // not working !
Estoy haciendo mal ¿O hay reglas de nomenclatura especiales para la directiva Angular?
Respuestas:
¡AngularJS intenta hacer felices a todos!
Algunas personas prefieren usar atributos de datos, como data-abc-abc, supongo, para mantener contentos a los validadores. Otras personas prefieren usar espacios de nombres como abc:abc, y otras prefieren usar el nombre de la directiva real abcAbc. O incluso todo en mayúsculas ABC_ABC. O atributos de extensión como x-abc-abc.
AngularJS normaliza el nombre utilizado en HTML para intentar cubrir todos estos casos. data-y x-son despojados, con el resto CamelCased :, -y _como límites de las palabras. Esto se hace a abcAbcpartir de los casos mencionados anteriormente, que se utiliza para buscar la directiva declarada en JavaScript.
Todo esto se llama normalización de atributos (EE. UU.: Normalización de atributos) y se puede encontrar en la documentación y el código fuente de AngularJS .
Debe usar nombres separados por guiones dentro del html y camelCase para el nombre correspondiente en la directiva.
Como puede leer en el documento: Angular usa nombre con guiones para los nombres de los atributos y camelCase para el nombre de la directiva correspondiente)