lundi 1 octobre 2018

Angular : Création d'un composant

 cd src/app/login/

/!\ Le composant ne doit contenir que la logique de présentation.

 ng g component authentification || ng g c authentification

 Dans le module LoginModule on voit que declarations: [AuthentificationComponent] a été ajouté.

 Pour la rendre exploitable par les autres modules on doit l'ajouter au paramétrés "Exports":, dans login.module.ts

 Donc : exports: [AuthentificationComponent] dans @NgModule

 Maintenant nous allons personnaliser le css et html de notre component.

 --authentification.component.css => p{ color : green}
 --authentification.component.html => Login component
 Pour savoir le component tag de votre application il faut ouvrir :
 --authentification.component.ts
 puis, dans @Component le paramétre selector : dans notre cas, c'est :
 app-authentification

 copier, coller dans app.component.html
 --Relancer "ng serve"

enter image description here

Aucun commentaire:

Enregistrer un commentaire

to criticize, to improve