Las directivas personalizadas son utilizadas en AngularJS para extender funcionalidad del HTML. Las directivas se definen con la función directive(). Esta directiva simplemente remplaza los elementos por los cuales son activados. Durante la fase de despliegue, AngularJS busca los elementos en el HTML y lo hace por medio de las funciones compile() y link() asigna a cada elemento la estructura y estilos. AngularJS soporta la creación de directivas personalizadas por lo siguientes elementos:

  • Directiva de Elementos — Esta directiva se activa cuando encuentra un elemento.
  • Atributos — Se activa cuando encuentra un atributo de un elemento.
  • CSS — Directiva que se activa la encontrar un estilo.
  • Comment — Directiva que se activa la encontar un comentario.

Entender el uso y la creación de Directivas Personalizadas

[gist]0027be64836ac2a29799[/gist]