Télécharger : Travail Pratique 4 (Partie 1 - 2 , components, données dynamiques).docx

Angular, components et données dynamiques

Travail Pratique 4

5 points sur 30

Partie 1

Structurez avec les components

a)     À l'aide des notes de cours (1 - Théorie Semaine 7 (Structurez avec les components) et des cours théoriques, créez un nouveau projet Angular avec le sujet de votre choix.

Dans mes exemples, j'ai utilisé comme sujet "Les voitures sports de luxe".  Trouvez un sujet qui vous intéresse et qui pourrait être vendue en ligne (objet ou service).

b)     Donner les bonnes permissions à vos dossiers comme suit:

Exemple:        sudo chmod -R ug+rw /var/mers/Voitures

    sudo chown -R www-data:www-data /var/mers/Voitures

c)     Comme à la fin des notes de cours, effacer le contenue du component principal et créer d'autres component.

1.     1^er  component = titre de votre page en haut à gauche.

2.     2^ème  component = Contenue aligné centrer.

3.     3^ème component = Coordonnée aligné à gauche.

4.     4^ème component = Votre nom aligné à gauche.

d)     Partie component terminer

Partie 2

Gérez des données dynamiques.

a)     À l'aide des notes de cours (2 - Théorie Semaine 7 (Gérez des données dynamiques) et des cours théoriques, Faites une copie de votre projet Angular de la Partie 1 pour faire la partie 2. (Copier-coller de votre dossier)

b)     Tester votre nouveau dossier.

c)     Dans le component du contenue (#2) recréez toutes les étapes des notes de cours pour créer le formulaire "Les voitures" mais avec votre sujet. Utilisez la liaison de données avec les informations venant de votre code(.ts) et les informations venant du template(.html).

d)     Vérifier le résultat et faites vérifiez par votre enseignant au besoin.

Tout le projet "TP4" sera à remettre en fin de session.

(à peu près la semaine 13 à 15)

Mon résultat personnel :