Modules Angular

Name: Modules Angular
Author: Michaela Ochnich

Apprenez les fonctions des modules et comment créer et importer des modules de fonctionnalités

Preview the first lesson free — get full access to all 3 lessons.

Cours : à la demande

Salut. Cette leçon présentera les modules angulaires et comment commencer à les utiliser. Les modules angulaires aident à organiser et à structurer pour votre candidature. Ils regroupent les composants, services, directives, et autre code source nécessaire pour fournir une fonctionnalité spécifique ou fonction d'application. Il est important de noter que malgré le nom, modules angulaires ou modules NG, ne sont pas les mêmes que les modules JavaScript. Modules JavaScript et modules angulaires sont des structures séparées, mais peuvent bien sûr être utilisées ensemble. Chaque application angulaire a au moins un module, qui est le module racine. C'est le module qui gère l'ensemble de l'application angulaire. Les modules aident également au processus de compilation et c'est le premier module qui est chargé par angulaire. Il s'agit d'un fichier de module racine de base. Tout d'abord, il doit importer le module NG de la bibliothèque de noyaux angulaires. Le module NG est un décorateur de classe, que vous pouvez voir ici. Cela fournit des données de configuration pour le module, y compris toutes les dépendances supplémentaires ou externes qui ont besoin à importer pour être utilisé dans l'application ou dans ce module spécifique. Lorsque vous travaillez avec angulaire, vous importez différents modules comme vous en avez besoin. Donc si vous vouliez utiliser les différentes fonctionnalités angulaire fournit des formulaires comme la validation ou la directive modèle NG, vous devez d'abord importer le module de formulaire dans le fichier puis importez-le dans le module. L'importation de modules depuis une bibliothèque externe fonctionne d'une manière similaire. Par exemple, si vous vouliez d'utiliser le matériau de l'armature du composant frontal, vous devez d'abord installer la bibliothèque de matériaux et pour ce faire, tu ouvrirais une fenêtre de terminal et exécutez les commandes ng add angular/material. Et une fois installé, vous pouvez suivre le même processus d'importer d'abord le module dans le fichier. Et pour cet exemple, Je vais importer le composant spinner de progression de la matière. Et puis ajoutez cela au tableau des importations du décorateur de module racine. Ce module de spinner de progression contient un composant que vous pouvez ajouter aux modèles. Et maintenant que nous avons importé le module, nous pouvons l'utiliser dans l'application. En supprimant tout ce code de démarrage, Je vais ajouter le composant spinner. Et assurez-vous de sauvegarder les fichiers. Exécutez ensuite la commande ng serve pour créer l'application. Et puis en ouvrant l'application dans une fenêtre de navigateur, et vous pouvez voir la barre de progression s'afficher ici. C'est donc tout pour cette leçon, l'introduction des modules. Et le prochain, vous apprendrez sur le décorateur et les métadonnées plus en profondeur.

Débutant Fournisseur : Michaela Ochnich 3 leçons · 9m en Arabe, Allemand, Anglais, Espagnol, Français, Portugais, Chinese

Description du cours

Ces leçons présentent les modules Angular et leur rôle dans le framework Angular. Vous apprendrez à utiliser le décorateur de module et à définir différentes propriétés de métadonnées. Vous apprendrez également à créer un module de fonctionnalité et à l’importer dans la racine.

Ce que vous allez apprendre

Comprendre la fonction des modules Angular et leur rôle dans le framework Angular
Utiliser le décorateur de module pour configurer un module
Définir différentes propriétés de métadonnées dans Angular
Créer un module de fonctionnalité (feature module) et l'importer dans le module racine (root module)
Distinguer les modules racines des modules de fonctionnalités

Points clés à retenir

Les modules Angular jouent un rôle défini au sein du framework Angular.
Le décorateur de module est utilisé pour configurer un module, les métadonnées étant définies via ses propriétés.
Des modules de fonctionnalités peuvent être créés puis importés dans le module racine.
Le cours couvre à la fois les modules racines et les modules de fonctionnalités.

Foire aux questions

Qu'apprendrai-je dans ce cours sur les modules Angular ?

Vous apprendrez la fonction des modules Angular, comment utiliser le décorateur de module, comment définir différentes propriétés de métadonnées, et comment créer un module de fonctionnalité et l'importer dans la racine.

Quels sujets ou leçons ce cours couvre-t-il ?

Le cours couvre ce qu'est un module, le décorateur de module et les métadonnées, ainsi que les modules racines et les modules de fonctionnalités.

À quelles compétences ce cours se rapporte-t-il ?

Ce cours se rapporte à Angular (Framework Web), la CLI Angular, les Composants Angular, Angular Material, les Modules C++ et les Modules Logiciels.

Comment les modules de fonctionnalités sont-ils abordés dans ce cours ?

Le cours enseigne comment créer un module de fonctionnalité et l'importer dans le module racine.