Le document traite de la création de composants dans Angular 4, en détaillant les étapes de génération et d'intégration dans un projet. Il explique que les composants sont des éléments fondamentaux de l'application, comportant un template, une feuille de style et une classe. Enfin, il propose des cours sur Angular 4, dispensés par des experts, en présentiel ou en e-learning.

1. vertika.org by Jean Garutti -- Angular 4 -- 08/28/17 -- 1
Angular 4
Production de
composants

2. info@vertika.org
-- Angular 4 -- -- 2by Jean Garutti
je m’entoure de composants

3. info@vertika.org
-- Angular 4 -- -- 3by Jean Garutti
Angular 4 – céer des composants
 la création
de composants
 c’est le cœur d’Angular
Jean Garutti – vertika.org

4. info@vertika.org
-- Angular 4 -- -- 4by Jean Garutti
4 – dans le Projet

5. info@vertika.org
-- Angular 4 -- -- 5by Jean Garutti
 > ng g component my-new-component
nom du composant
ng invoque le CLI Angular
g ( raccourci de générer ),
vous pouvez utiliser le mot complet
générer
Créer un Composant

6. info@vertika.org
-- Angular 4 -- -- 6by Jean Garutti
 > ng g component my-new-component
nom du composant
Le component est le type
d'élément que vous allez générer

Cela aurait pu être la directive, le
pipe, le service, la classe, la guard,
l'interface, l'énumération, le module)
Créer un Composant

7. info@vertika.org
-- Angular 4 -- -- 7by Jean Garutti
les composants
sont les
éléments de base
de votre application.
Créer un Composant

8. info@vertika.org
-- Angular 4 -- -- 8by Jean Garutti
Chaque composant comporte
 un template associé,
 une feuille de style
 et une classe avec une
logique.
TypeScript
Créer un Composant

9. info@vertika.org
-- Angular 4 -- -- 9by Jean Garutti
 > ng g component my-new-component
nom du composant
 À l'intérieur de /src/app/app.module.ts,
 il importe le nouveau composant
 et l'ajoute aux déclarations.
Créer un Composant

10. info@vertika.org
-- Angular 4 -- -- 10by Jean Garutti
 > ng g component my-new-component
1. installing component
2. create srcappmy-new-componentmy-new-
component.component.css
3. create srcappmy-new-componentmy-new-
component.component.html
4. create srcappmy-new-componentmy-new-
component.component.spec.ts
5. create srcappmy-new-componentmy-new-
component.component.ts
6. update srcappapp.module.ts
7. garutti@GARUTTI-PC C:Program
FilesnodejsPROJECT-NAME
Créer un Composant

11. info@vertika.org
-- Angular 4 -- -- 11by Jean Garutti
6. @NgModule({
7. declarations: [
8. AppComponent,
9. MyNewComponentComponent
10. ],
11. imports: [
12. BrowserModule
13. ],
14. providers: [],
15. bootstrap: [AppComponent]
16.})
17.export class AppModule { }
Composant ajouté

12. info@vertika.org
-- Angular 4 -- -- 12by Jean Garutti
 en 7 langues
 en présentiel
ou e-learning
 par des experts
Inscrivez-vous
aux cours Angular 4

13. info@vertika.org
-- Angular 4 -- -- 13by Jean Garutti