SlideShare une entreprise Scribd logo
1  sur  11
vertika.org by Jean Garutti -- Angular 4 -- 08/28/17 -- 1
Angular 4
Directives
info@vertika.org
-- Angular 4 -- -- 2by Jean Garutti
La directive structurelle
Elle est responsable
de tout
Angular l’améliore
encore
Jean Garutti – vertika.org
info@vertika.org
-- Angular 4 -- -- 3by Jean Garutti
Il y
en a
3,
j’ai
dit
3
info@vertika.org
-- Angular 4 -- -- 4by Jean Garutti
Types de Directives
info@vertika.org
-- Angular 4 -- -- 5by Jean Garutti
Data Binding
info@vertika.org
-- Angular 4 -- -- 6by Jean Garutti
Directives attributs
Une directive d'attribut
sert à modifier
 l'apparence
 et le comportement
 d'un élément.
info@vertika.org
-- Angular 4 -- -- 7by Jean Garutti
Directives attributs
elle va manipuler le DOM
et ajouter ou supprimer
des éléments
en fonction de l'action
appliquée aux directives
structurelles.
info@vertika.org
-- Angular 4 -- -- 8by Jean Garutti
Une directive de composants
Utilise le shadow DOM
 pour créer un comportement visuel
 encapsulé
 généralement utilisé pour créer
 des widgets UI.
Directives composants
info@vertika.org
-- Angular 4 -- -- 9by Jean Garutti
Une directive de composants
Utilise le shadow DOM
 pour créer un comportement visuel
 encapsulé
 généralement utilisé pour créer
 des widgets UI.
Directives composants
info@vertika.org
-- Angular 4 -- -- 10by Jean Garutti
 en 7 langues
 en présentiel
ou en e-learning
 par des experts
Pour la suite, inscrivez-vous
aux cours Angular 4
info@vertika.org
-- Angular 4 -- -- 11by Jean Garutti

Contenu connexe

Tendances

Angular 4 - event binding -- Français
Angular 4  - event  binding -- FrançaisAngular 4  - event  binding -- Français
Angular 4 - event binding -- FrançaisVERTIKA
 
Angular 4 - pöurquoi --Français
Angular 4  - pöurquoi  --FrançaisAngular 4  - pöurquoi  --Français
Angular 4 - pöurquoi --FrançaisVERTIKA
 
Angular 4 - directives structurelles -- Français
Angular 4  - directives structurelles -- FrançaisAngular 4  - directives structurelles -- Français
Angular 4 - directives structurelles -- FrançaisVERTIKA
 
Angular 4 - installation d'Angular -- Français
Angular 4  - installation  d'Angular -- FrançaisAngular 4  - installation  d'Angular -- Français
Angular 4 - installation d'Angular -- FrançaisVERTIKA
 
Angular 4 - shadow dom -- Français
Angular 4  - shadow dom -- FrançaisAngular 4  - shadow dom -- Français
Angular 4 - shadow dom -- FrançaisVERTIKA
 
Angular 4 - template -- Français
Angular 4  - template -- FrançaisAngular 4  - template -- Français
Angular 4 - template -- FrançaisVERTIKA
 
Angular 4 - ngfor -- Français
Angular 4  - ngfor -- FrançaisAngular 4  - ngfor -- Français
Angular 4 - ngfor -- FrançaisVERTIKA
 
Angular 4 - css Français
Angular 4  - css FrançaisAngular 4  - css Français
Angular 4 - css FrançaisVERTIKA
 
Angular 4 - creer composants -- français
Angular 4  - creer composants -- françaisAngular 4  - creer composants -- français
Angular 4 - creer composants -- françaisVERTIKA
 
Angular 4 - interpolation -- Français
Angular 4  - interpolation -- FrançaisAngular 4  - interpolation -- Français
Angular 4 - interpolation -- FrançaisVERTIKA
 
Angular 4 - ngIf -- Fra,çais
Angular 4  - ngIf -- Fra,çaisAngular 4  - ngIf -- Fra,çais
Angular 4 - ngIf -- Fra,çaisVERTIKA
 
Geek Time December 2016 : Swagger II
Geek Time December 2016 : Swagger IIGeek Time December 2016 : Swagger II
Geek Time December 2016 : Swagger IIOLBATI
 
Un site sans CMS (Teknseo 2014)
Un site sans CMS (Teknseo 2014)Un site sans CMS (Teknseo 2014)
Un site sans CMS (Teknseo 2014)Didcode
 
Geek Time December 2016 : Bitcoin/Blockchain
Geek Time December 2016 : Bitcoin/BlockchainGeek Time December 2016 : Bitcoin/Blockchain
Geek Time December 2016 : Bitcoin/BlockchainOLBATI
 

Tendances (14)

Angular 4 - event binding -- Français
Angular 4  - event  binding -- FrançaisAngular 4  - event  binding -- Français
Angular 4 - event binding -- Français
 
Angular 4 - pöurquoi --Français
Angular 4  - pöurquoi  --FrançaisAngular 4  - pöurquoi  --Français
Angular 4 - pöurquoi --Français
 
Angular 4 - directives structurelles -- Français
Angular 4  - directives structurelles -- FrançaisAngular 4  - directives structurelles -- Français
Angular 4 - directives structurelles -- Français
 
Angular 4 - installation d'Angular -- Français
Angular 4  - installation  d'Angular -- FrançaisAngular 4  - installation  d'Angular -- Français
Angular 4 - installation d'Angular -- Français
 
Angular 4 - shadow dom -- Français
Angular 4  - shadow dom -- FrançaisAngular 4  - shadow dom -- Français
Angular 4 - shadow dom -- Français
 
Angular 4 - template -- Français
Angular 4  - template -- FrançaisAngular 4  - template -- Français
Angular 4 - template -- Français
 
Angular 4 - ngfor -- Français
Angular 4  - ngfor -- FrançaisAngular 4  - ngfor -- Français
Angular 4 - ngfor -- Français
 
Angular 4 - css Français
Angular 4  - css FrançaisAngular 4  - css Français
Angular 4 - css Français
 
Angular 4 - creer composants -- français
Angular 4  - creer composants -- françaisAngular 4  - creer composants -- français
Angular 4 - creer composants -- français
 
Angular 4 - interpolation -- Français
Angular 4  - interpolation -- FrançaisAngular 4  - interpolation -- Français
Angular 4 - interpolation -- Français
 
Angular 4 - ngIf -- Fra,çais
Angular 4  - ngIf -- Fra,çaisAngular 4  - ngIf -- Fra,çais
Angular 4 - ngIf -- Fra,çais
 
Geek Time December 2016 : Swagger II
Geek Time December 2016 : Swagger IIGeek Time December 2016 : Swagger II
Geek Time December 2016 : Swagger II
 
Un site sans CMS (Teknseo 2014)
Un site sans CMS (Teknseo 2014)Un site sans CMS (Teknseo 2014)
Un site sans CMS (Teknseo 2014)
 
Geek Time December 2016 : Bitcoin/Blockchain
Geek Time December 2016 : Bitcoin/BlockchainGeek Time December 2016 : Bitcoin/Blockchain
Geek Time December 2016 : Bitcoin/Blockchain
 

Dernier

SUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptx
SUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptxSUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptx
SUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptxssuserbd075f
 
MaintenanceLa Maintenance Corrective.ppt
MaintenanceLa Maintenance Corrective.pptMaintenanceLa Maintenance Corrective.ppt
MaintenanceLa Maintenance Corrective.pptssusercbaa22
 
Sidonie au Japon . pptx Un film français
Sidonie    au   Japon  .  pptx  Un film françaisSidonie    au   Japon  .  pptx  Un film français
Sidonie au Japon . pptx Un film françaisTxaruka
 
presentation l'interactionnisme symbolique finale.pptx
presentation l'interactionnisme symbolique  finale.pptxpresentation l'interactionnisme symbolique  finale.pptx
presentation l'interactionnisme symbolique finale.pptxMalikaIdseaid1
 
présentation sur l'échafaudage dans des travaux en hauteur
présentation sur l'échafaudage dans des travaux en hauteurprésentation sur l'échafaudage dans des travaux en hauteur
présentation sur l'échafaudage dans des travaux en hauteurdinaelchaine
 
systeme expert_systeme expert_systeme expert
systeme expert_systeme expert_systeme expertsysteme expert_systeme expert_systeme expert
systeme expert_systeme expert_systeme expertChristianMbip
 
Formation M2i - Comprendre les neurosciences pour développer son leadership
Formation M2i - Comprendre les neurosciences pour développer son leadershipFormation M2i - Comprendre les neurosciences pour développer son leadership
Formation M2i - Comprendre les neurosciences pour développer son leadershipM2i Formation
 
Approche-des-risques-par-l’analyse-des-accidents-1.pptx
Approche-des-risques-par-l’analyse-des-accidents-1.pptxApproche-des-risques-par-l’analyse-des-accidents-1.pptx
Approche-des-risques-par-l’analyse-des-accidents-1.pptxssusercbaa22
 
gestion des conflits dans les entreprises
gestion des  conflits dans les entreprisesgestion des  conflits dans les entreprises
gestion des conflits dans les entreprisesMajdaKtiri2
 
Présentation de cartes d'extension zhr..pptx
Présentation de cartes d'extension zhr..pptxPrésentation de cartes d'extension zhr..pptx
Présentation de cartes d'extension zhr..pptxpopzair
 
Bolero. pptx . Film de A nnne Fontaine
Bolero. pptx . Film   de  A nnne FontaineBolero. pptx . Film   de  A nnne Fontaine
Bolero. pptx . Film de A nnne FontaineTxaruka
 
Mécanique Automobile LE TURBOCOMPRESSEUR.ppt
Mécanique Automobile LE TURBOCOMPRESSEUR.pptMécanique Automobile LE TURBOCOMPRESSEUR.ppt
Mécanique Automobile LE TURBOCOMPRESSEUR.pptssusercbaa22
 
MICROBIOLOGIE ENDODONTIQUE english and frensh 25 nov 2020.pdf
MICROBIOLOGIE ENDODONTIQUE english and frensh 25 nov 2020.pdfMICROBIOLOGIE ENDODONTIQUE english and frensh 25 nov 2020.pdf
MICROBIOLOGIE ENDODONTIQUE english and frensh 25 nov 2020.pdfssuser40e112
 
A3iFormations, organisme de formations certifié qualiopi.
A3iFormations, organisme de formations certifié qualiopi.A3iFormations, organisme de formations certifié qualiopi.
A3iFormations, organisme de formations certifié qualiopi.Franck Apolis
 
Grammaire pour les élèves de la 6ème.doc
Grammaire pour les élèves de la  6ème.docGrammaire pour les élèves de la  6ème.doc
Grammaire pour les élèves de la 6ème.docKarimKhrifech
 
Boléro. pptx Film français réalisé par une femme.
Boléro.  pptx   Film   français   réalisé  par une  femme.Boléro.  pptx   Film   français   réalisé  par une  femme.
Boléro. pptx Film français réalisé par une femme.Txaruka
 
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptxSAID MASHATE
 
Formation M2i - Intelligence Artificielle Comment booster votre productivité ...
Formation M2i - Intelligence Artificielle Comment booster votre productivité ...Formation M2i - Intelligence Artificielle Comment booster votre productivité ...
Formation M2i - Intelligence Artificielle Comment booster votre productivité ...M2i Formation
 

Dernier (20)

SUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptx
SUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptxSUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptx
SUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptx
 
MaintenanceLa Maintenance Corrective.ppt
MaintenanceLa Maintenance Corrective.pptMaintenanceLa Maintenance Corrective.ppt
MaintenanceLa Maintenance Corrective.ppt
 
Sidonie au Japon . pptx Un film français
Sidonie    au   Japon  .  pptx  Un film françaisSidonie    au   Japon  .  pptx  Un film français
Sidonie au Japon . pptx Un film français
 
presentation l'interactionnisme symbolique finale.pptx
presentation l'interactionnisme symbolique  finale.pptxpresentation l'interactionnisme symbolique  finale.pptx
presentation l'interactionnisme symbolique finale.pptx
 
présentation sur l'échafaudage dans des travaux en hauteur
présentation sur l'échafaudage dans des travaux en hauteurprésentation sur l'échafaudage dans des travaux en hauteur
présentation sur l'échafaudage dans des travaux en hauteur
 
systeme expert_systeme expert_systeme expert
systeme expert_systeme expert_systeme expertsysteme expert_systeme expert_systeme expert
systeme expert_systeme expert_systeme expert
 
Formation M2i - Comprendre les neurosciences pour développer son leadership
Formation M2i - Comprendre les neurosciences pour développer son leadershipFormation M2i - Comprendre les neurosciences pour développer son leadership
Formation M2i - Comprendre les neurosciences pour développer son leadership
 
Approche-des-risques-par-l’analyse-des-accidents-1.pptx
Approche-des-risques-par-l’analyse-des-accidents-1.pptxApproche-des-risques-par-l’analyse-des-accidents-1.pptx
Approche-des-risques-par-l’analyse-des-accidents-1.pptx
 
gestion des conflits dans les entreprises
gestion des  conflits dans les entreprisesgestion des  conflits dans les entreprises
gestion des conflits dans les entreprises
 
Présentation de cartes d'extension zhr..pptx
Présentation de cartes d'extension zhr..pptxPrésentation de cartes d'extension zhr..pptx
Présentation de cartes d'extension zhr..pptx
 
Bolero. pptx . Film de A nnne Fontaine
Bolero. pptx . Film   de  A nnne FontaineBolero. pptx . Film   de  A nnne Fontaine
Bolero. pptx . Film de A nnne Fontaine
 
Mécanique Automobile LE TURBOCOMPRESSEUR.ppt
Mécanique Automobile LE TURBOCOMPRESSEUR.pptMécanique Automobile LE TURBOCOMPRESSEUR.ppt
Mécanique Automobile LE TURBOCOMPRESSEUR.ppt
 
Evaluación Alumnos de Ecole Victor Hugo
Evaluación Alumnos de Ecole  Victor HugoEvaluación Alumnos de Ecole  Victor Hugo
Evaluación Alumnos de Ecole Victor Hugo
 
MICROBIOLOGIE ENDODONTIQUE english and frensh 25 nov 2020.pdf
MICROBIOLOGIE ENDODONTIQUE english and frensh 25 nov 2020.pdfMICROBIOLOGIE ENDODONTIQUE english and frensh 25 nov 2020.pdf
MICROBIOLOGIE ENDODONTIQUE english and frensh 25 nov 2020.pdf
 
A3iFormations, organisme de formations certifié qualiopi.
A3iFormations, organisme de formations certifié qualiopi.A3iFormations, organisme de formations certifié qualiopi.
A3iFormations, organisme de formations certifié qualiopi.
 
Grammaire pour les élèves de la 6ème.doc
Grammaire pour les élèves de la  6ème.docGrammaire pour les élèves de la  6ème.doc
Grammaire pour les élèves de la 6ème.doc
 
Pâques de Sainte Marie-Euphrasie Pelletier
Pâques de Sainte Marie-Euphrasie PelletierPâques de Sainte Marie-Euphrasie Pelletier
Pâques de Sainte Marie-Euphrasie Pelletier
 
Boléro. pptx Film français réalisé par une femme.
Boléro.  pptx   Film   français   réalisé  par une  femme.Boléro.  pptx   Film   français   réalisé  par une  femme.
Boléro. pptx Film français réalisé par une femme.
 
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx
 
Formation M2i - Intelligence Artificielle Comment booster votre productivité ...
Formation M2i - Intelligence Artificielle Comment booster votre productivité ...Formation M2i - Intelligence Artificielle Comment booster votre productivité ...
Formation M2i - Intelligence Artificielle Comment booster votre productivité ...
 

Angular 4 - directives -- Français