Commandes du CLI d'Angular

WillingLaplace avatar
WillingLaplace
·
·
Download

Start Quiz

Study Flashcards

10 Questions

Quelle commande est utilisée pour générer la structure d'un projet Angular avec le CLI?

ng new my-app

Que fait la commande 'ng serve' lorsqu'elle est exécutée à partir de la racine du projet?

Elle transpile le code TypeScript en JavaScript et démarre un serveur web local

Comment annuler la création des fichiers de tests lors de l'utilisation de la commande 'ng new' pour générer un projet Angular?

ng new my-app --skip-tests=true

Quelle option est utilisée pour modifier le port par défaut lors de l'exécution de la commande 'ng serve'?

--port

Quelle commande du CLI est utilisée pour créer des composants dans une application Angular?

ng generate component my-component

Qu'est-ce que les directives structurelles permettent de faire dans Angular?

Modifier le DOM

Quel est le rôle des directives dans une application Angular?

Fournir des fonctionnalités et aider à transformer le DOM

Quel type de directives permettent de modifier les affichages de données ou de templates?

Directives structurelles

Dans quel but les formulaires et listings doivent-ils être mis dans des composants spécifiques dans une approche one-way data flow?

Pour faciliter la réutilisation du code

Quel est l'objectif principal des composants d'alerte paramétrables par le message à afficher?

Simplifier la gestion des alertes

Study Notes

Interaction entre composants

  • Les entrées d'un composant peuvent être aliasées en utilisant l'attribut Input avec un paramètre d'alias, permettant d'exposer une propriété avec un nom différent.
  • Exemple : @Input('userInput') user: User;

Composants – Événements

  • Les données entrent dans un composant via des propriétés et en sortent via des événements.
  • Les événements sont un mécanisme qui permet à un composant de notifier son parent, qui peut alors gérer la notification.
  • Les événements spécifiques sont émis grâce à un EventEmitter.
  • Les événements doivent être déclarés dans le décorateur, via l'attribut outputs.
  • Exemple d'émission d'un événement : @Output() userSelected.
  • Étapes pour émettre un événement :
    • Déclarer l'événement en l'annotant du décorateur @Output().
    • Créer un EventEmitter.
    • Émettre l'événement quand le user est sélectionné avec la méthode emit.

Découvrez les commandes essentielles du CLI d'Angular, y compris la commande ng new pour générer la structure d'un projet. Apprenez à personnaliser cette commande avec des options pour répondre à vos besoins de développement.

Make Your Own Quizzes and Flashcards

Convert your notes into interactive study material.

Get started for free
Use Quizgecko on...
Browser
Browser