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.

@Decorator({
  selector: 'mwFavorite'
})

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

// ou

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

• ngIf
• ngFor
• routerLink

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