Le component est l’équivalent de la directive en Angular 1.x. Ce principe est basé sur le web component, une fonctionnalité HTML 5 permettant de créer soi-même ses éléments HTML et de leur attribuer un comportement.
Désormais, les controllers seront exclusivement réservés à ces components, qui comprennent aussi des annotations définissant leur configuration, comme par exemple le template, les dépendances, etc.

@Component({

 selector: ‘mon-composant’,

 template: ‘<h1>Mon premier composant Angular 2</h1>’

});


 
class MonComposant{}

@Component dit à Angular que MonComposant est un composant.
L’attribut selector détermine le nom de l’élément HTML qui aura le comportement de MonComposant.
L’attribut template va dire à Angular avec quoi on va remplir notre component.

Le component est la fonctionnalité la plus importante dans Angular 2 : toute application démarrera avec et contiendra des components.