0% ont trouvé ce document utile (0 vote)
6 vues1 page

Guide sur la structure d'une application Angular

Transféré par

mabrouki Ghazi
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats TXT, PDF, TXT ou lisez en ligne sur Scribd
0% ont trouvé ce document utile (0 vote)
6 vues1 page

Guide sur la structure d'une application Angular

Transféré par

mabrouki Ghazi
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats TXT, PDF, TXT ou lisez en ligne sur Scribd

dans notre projet il y a des fichier :

*[Link] : c'est le fichier de démarrage de notre application, il permet de


deffinir les modules de demarrage .
*[Link] : baad mansob bootstrap wala ay bibliothèque okhra nimchi nzid link
mteeha ta7t style avec la cmd pour l'integrer
"node_module/bootstrap/dist/css/[Link]"
*src/app: il y a la partie template et la partie logique et ce denier est declaré
dans le fichier [Link] et dans ce fichier vous avez trouvé la declaration
de la composante racine
*[Link] : awil manaamel component jdid nimchi lel fichier hethy wnhot
baliz hathy <app-nom_du_component><app-nom_du_component>

architecture angular :
*Modules: est un mecanisme pour regrouper des composantes ou des diractives, des
services qui sont liées d'une maniere qui peut etre combinée avec d'autres modules
pour creer une application
*metadata : qui permet de decorer une classe pour dire que cette classe la, elle va
jouer le role d'un module d'une application angular
*component: est un element personnalisé et reutilisable . il est compsé par un
template et classe et metadata (yali torbet mabin template et classe)
*databinding: est un mecanisme de coordination entre le composant et le template
dans un seul sens ou dans les deux sens et il y a 4 forme de databinding:
-interpolation:c'est un mecanisme qui permet de modifeir le template a partir de
component et leur expression est {{expression_template}}
-property binding: permet de modifier la valeur d'une propriété d'un element DOM
(template) par la valeur d'une propriété du component
-event binding: permet d'appler une methode du composant suite a une action faite
par l'utilisateur au niveau du template
-two way databinding: permet de récupérer une valeur a partie du template et
l'envoyer vers une propriété du composant et vis versa et ceci grace a la directive
ngModel
(il faut importer le module FormsModule depuis @angular/forms et le déclarer dans
la liste des imports du module racine app/[Link])

Vous aimerez peut-être aussi