Créer un nouveau composant dans Angular

Nous présenterons les component et comment les créer dans Angular.

Composants en Angular

Les composants sont la pierre Angular d’une application Angular. Une application Angular se compose de plusieurs composants ou d’une arborescence de composants Angular, et ces composants sont associés à des modèles et à un sous-ensemble de directives.

Nous pouvons facilement créer de nouveaux composants dans Angular en utilisant la commande suivante dans CLI.

# angular CLI
ng generate component OurNewComponent

Ou nous pouvons utiliser des commandes abrégées dans CLI.

# angular CLI
ng g c OurNewComponent

La commande ci-dessus générera un nouveau composant nommé OurNewComponent, qui aura quatre fichiers et un dossier nommé d’après le composant.

Les fichiers suivants seront générés lors de la création d’un nouveau composant à l’aide de la commande ci-dessus.

1. Le fichier OurNewComponent.component.ts est un fichier composant.
2. Le fichier OurNewComponent.component.html est un fichier modèle pour notre composant.
3. Le fichier OurNewComponent.component.css est un fichier de feuille de style pour notre composant.
4. Le fichier OurNewComponent.component.spec.ts est un fichier de spécification de test pour notre composant.