O HTML foi criado para ser uma linguagem de marcação onde poderíamos fornecer ao navegador um contexto em relação ao conteúdo apresentado numa página fazendo com que, assim, tudo fosse renderizado da melhor maneira.

Essa visão declarativa da programação inspirou os desenvolvedores do AngularJS que decidiram aplicar a filosofia do "o que é bom pode ficar ainda melhor", estendendo o HTML para algo a mais.

Assim surgiram as diretivas, uma extensão do HTML que faz marcações que permitem ao Angular alterar a página dinamicamente de uma maneira declarativa.

Neste video você vai entender melhor sobre esse assunto e ainda aprender a fazer a sua própria diretiva.

http://blog.algaworks.com/angular-directives/