Angular : Pipes, Directives et Routage

Name: Angular : Pipes, Directives et Routage
Author: Michaela Ochnich

Travailler avec des tuyaux dans Angular et apprendre à utiliser différentes directives et à configurer des itinéraires

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

Cours : à la demande

Cette leçon présentera les tuyaux angulaires et comment les utiliser dans vos modèles de composants. Les tuyaux sont des fonctions utilisées dans les modèles angulaires transformer les données dans un format différent pour la vue, comme changer une chaîne en casse de titre, ou afficher une date dans un format spécifique. Angular fournit des tuyaux intégrés qui couvrent les transformations de données standard, et ces tuyaux sont disponibles pour une utilisation tout au long de votre candidature. La syntaxe est d'utiliser l'opérateur pipe et une paire d'accolades. Sur la gauche se trouve l'entrée pour le tuyau, et à droite se trouve le nom du tuyau. Donc, dans la classe, je vais créer une chaîne. Et puis dans le modèle, vous pouvez utiliser le tube majuscule ou le tube minuscule, qui convertira la chaîne en majuscules ou en minuscules. Et puis l'afficher dans le navigateur. Et ici vous pouvez voir que la chaîne a été modifiée à afficher en majuscules ou en minuscules. Certains tuyaux prennent également des paramètres. Le tuyau de date a de nombreux formats différents pour afficher des objets de date angulaire. Je vais d'abord créer un objet date dans la classe. Le tuyau de date a de nombreux formats différents pour afficher des objets de date angulaire. Il existe des options prédéfinies, comme une date courte et une date complète. Il existe des options prédéfinies pour la date, comme une date courte et une date complète comme vous pouvez le voir ici, ou vous pouvez personnaliser le format de la date. Cela affichera la date avec deux chiffres pour le mois et le jour, et quatre pour l'année, que, en ouvrant le navigateur, vous pouvez voir ici. Le tuyau de devise prend également des paramètres. Il utilisera vos informations locales par défaut, ou vous pouvez spécifier lequel afficher. Dans la classe, je vais fixer un montant. Et puis utilisez le tuyau dans le modèle. Et ici, vous pouvez spécifier un type de devise. Angular fournit également d'autres tuyaux intégrés. Pour les visualiser, ou en savoir plus sur l'un des paramètres facultatifs, vous pouvez consulter l'API d'Angular sur angular.io. C'est tout pour cette leçon sur les tuyaux angulaires. Dans la prochaine leçon, nous présenterons les directives angulaires.

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

Description du cours

Ces leçons présentent les tuyaux courants utilisés pour mettre en forme les données à afficher dans une application. Vous apprendrez à utiliser les différentes directives structurelles et attribut fournies par Angular. Vous apprendrez également à configurer le routage dans une application et à définir un itinéraire simple ainsi qu’un itinéraire générique.

Ce que vous allez apprendre

Utiliser les pipes Angular courants pour formater les données à afficher dans une application
Appliquer les directives structurelles et d'attribut d'Angular, notamment ngIf, ngFor, ngClass, ngStyle et ngModel
Distinguer les différents types de directives fournis par Angular
Configurer le routage dans une application Angular
Définir une route de base simple et une route générique (wildcard)

Points clés à retenir

Angular fournit des pipes courants utilisés pour formater les données à afficher dans une application.
Angular propose différentes directives structurelles et d'attribut, telles que ngIf, ngFor, ngClass, ngStyle et ngModel.
Le routage peut être configuré dans une application Angular pour définir à la fois des routes de base et des routes génériques.

Foire aux questions

Que couvre ce cours ?

Il couvre les pipes courants utilisés pour formater les données pour l'affichage, les directives structurelles et d'attribut fournies par Angular, et comment configurer le routage, y compris la définition d'une route simple et d'une route générique.

Qu'apprendrai-je sur les pipes ?

Vous acquerrez une connaissance pratique des pipes dans Angular et apprendrez à les utiliser pour formater les données à afficher dans une application.

Quelles directives Angular sont enseignées dans ce cours ?

Le cours aborde les types de directives et les directives spécifiques, notamment ngIf, ngFor, ngClass, ngStyle et ngModel.

Quels sujets de routage sont inclus ?

Le cours présente le routage et montre comment configurer le routage dans une application, définir une route de base simple et définir une route générique.

Quelles compétences ce cours aide-t-il à développer ?

Il aide à développer des compétences en Angular (Framework Web), Composants Angular, Angular Material, Interface Utilisateur (UI) Angular, Pipelines de Données et Tuyauterie de Processus.