|<- [[ Components, Bootstrap, and the DOM]]|[[Data binding]] ->|

==== Directives ====

Pour Angular, un component est une //directive// avec un //template//.

Les //directives// fournissent des fonctionnalités et peuvent transformer le DOM.

Il existe deux types de //Directives// :

  * Structural : modifient le layout via le DOM
  * Attributes : modifient le behaviour ou l'apparence d'un élément DOM existant

Comme les components, les directives se configurent à l'aide de sélecteurs.

<code>
@Decorator({
  selector: 'mwFavorite'
})

<div mwFavorite>
  <img src="fav.png>
</div>

// ou

<div [mwFavorite]="true">
  <img src="fav.png>
</div>
</code>

=== directives intégrées ===
  * ngIf
  * ngFor
  * routerLink

==== Pipe ====

Transform des données en un autre output. Angular est fourni avec des pipe communs, comme appliquer un lowerCase.