Angular NgModel Angular NgModel Objectifs Connaitre la directive ngModul d’angular Etre capable d’utiliser la directive ngModul d’angular Présentation Angular NgModel est une directive intégrée qui crée une instance FormControl à partir du modèle de domaine et la lie à un élément de contrôle de formulaire. La directive ngmodel lie la valeur des contrôles HTML ( entrée, sélection, zone de texte …
Formulaire d’authentification 1 avec Angular Formulaire d’authentification 2 avec Angular Validation de formulaires en Angular Validation de formulaires en Angular Objectifs Etre capable de configurer et de valider de formulaire avec Angular Présentation Les formulaires sont le pilier des applications métier. Vous utilisez des formulaires pour vous connecter, soumettre une demande d’aide, passer une commande, réserver un vol, planifier une …
Les types de directives dans Angular Les directives structurelles Les directives structurelles Objectifs Apprendre à utiliser les directives structurelles. Etre capable d’utiliser *ngIf , *ngFor et *ngSwitch dans Angular Définition Les directives structurelles interagissent avec le conteneur de vue actuel et modifient la structure du code DOM / HTML. Elles sont nommées directives structurelles car elles modifient la structure du …
Les types de directives dans Angular Les directives structurelles TP routage et navigation avec Angular Objectifs Apprendre à utiliser les directives qui sont présentes partout dans l’architecture Angular. Connaitre les différents types d’Angular Définition Les directives sont des instructions intégrées dans le DOM (Document Object Model).Il précise comment placer notre logique métier dans Angular. Les directives ne sont qu’une instruction …
Routage et Navigation avec Angular Le routage avec Angular Menu Navigation TP routage et navigation avec Angular TP routage et navigation avec Angular Objectifs Énoncé Créer un répertoire angular Se placer grâce à la console de Windows dans ce répertoire Ceci va créer un nouveau projet Angular: "tpangualrRouting" Dans un navigateur, aller à l’adresse : http://localhost:4200 Installer bootstrap Ajouter la …
Introduction au module Angular Introduction au module Angular Objectifs Connaitre le module Angular Présentation Angular est une plate-forme et un framework pour la construction d’applications clientes d’une seule page en HTML et TypeScript. Angular est écrit en TypeScript. Il implémente les fonctionnalités de base et facultatives sous la forme d’un ensemble de bibliothèques TypeScript que vous importez dans vos applications. …
Angular DataTable avec des données Php Mysql Récupérer des données avec PHP MySQL dans Angular Récupérer des données dans un Angular DataTable Tri des données dans un material DataTable Trier,filtrer des données dans un ‘material DataTable’ Objectifs Etre capable de trier un angular ‘material DataTable’ Présentation Dans le tutoriel précédent, Récupérer des données dans un Angular DataTable, nous avons récupéré …
Introduction au DataTable Utilisation du datatable avec Angular Angular DataTable avec des données Php Mysql Traduire mat-paginator en Angular Traduire mat-paginator en Angular Objectifs être capable de traduire la composant Angular paginator Présentation Angular Material fournit de nombreux composants pour créer des applications riches à l’aide de Material Design. L’un d’eux est un MatPaginator pour contrôler les pages de liste …
Angular DataTable avec des données Php Mysql Récupérer des données avec PHP MySQL dans Angular Récupérer des données dans un Angular DataTable Tri des données dans un ‘material DataTable’ Récupérer des données dans un Angular DataTable Objectifs Etre capable d’afficher des données provenant d’une base de données MySQL dans Angular Présentation Créer le projet Angular Exécuter la commande ci-dessous pour …
Angular DataTable avec des données Php Mysql Récupérer des données avec PHP MySQL dans Angular Récupérer des données dans un Angular DataTable Récupérer des données avec PHP MySQL dans Angular Objectifs Etre capable d’afficher des données provenant d’une base de données MySQL dans Angular Présentation Dans ce tutoriel nous allons mettre en place une application qui va nous permettre d’afficher …
Introduction au DataTable Utilisation du datatable avec Angular Angular DataTable avec des données Php Mysql Traduire mat-paginator en Angular Angular DataTable avec des données Php Mysql Objectifs Etre capable d’afficher des données dans "Angular 9 Material Datatable" avec des données php mysql Présentation Pour comprendre cet article il faut lire les deux articles précédents: Introduction au DataTable Utilisation du datatable …
Introduction au DataTable Utilisation du datatable avec Angular Angular DataTable avec des données Php Mysql Traduire mat-paginator en Angular Utilisation du datatable avec Angular Objectifs Etre capable d’utiliser le composant Material DataTable d’angular Présentation Angular Material fournit un composant génial de table de données(DataTable) complet qui peut être facilement implémenté dans une application Angular. Le composant d’interface utilisateur datatable fourni …
Introduction au DataTable Utilisation du datatable avec Angular Angular DataTable avec des données Php Mysql Traduire mat-paginator en Angular Introduction au DataTable Objectifs Comprendre le fonctionnement du composant Material DataTable d’angular Présentation Le composant Material Data Table est un composant générique permettant d’afficher des données tabulées. Bien que nous puissions facilement lui donner une apparence de Material Design, ce n’est …
Formulaire d’authentification 1 avec Angular Formulaire d’authentification 2 avec Angular Formulaire d’authentification 2 avec Angular Objectifs Etre capable de créer une petite application d’authentification en Angular. Travail demandé Voici la capture d’écran de notre formulaire de connexion réactive: Voici la capture d’écran de l’administrateur: Créer le projet Commençons notre tutoriel en générant un projet à partir de zéro. Vous pouvez …
Formulaire d’authentification 1 avec Angulaire Formulaire d’authentification 2 avec Angulaire Formulaire d’authentification avec Angular Objectifs Etre capable de créer une petite application en Angular. Présentation Tout au long de cette tutoriel, nous allons apprendre sur la façon de créer une application web avec angulaire pour créer un formulaire d’authentification Nous supposons que vous connaissez créer un projet Angular et que …
Utiliser Angular avec Visual Studio Code Erreur exécution de script sur Visual Studio Code Créer un nouveau projet Angular Créer un nouveau projet Angular Objectifs Etre capable de créer un nouveau projet Angular avec l’invite de commande Windows ou avec Visual Studio Code. Présentation Angular étant un framework sur nodejs, il faut d’abord installer nodejs. Si vous ne connaissez pas …
Utiliser Angular avec Visual Studio Code Erreur exécution de script sur Visual Studio Code Créer un nouveau projet Angular Erreur exécution de script sur Visual Studio Code Objectifs Etre capable de surmonter l’erreur d’exécution d’un script sur VSC. Présentation Une fois angular-cli installé, nous allons pouvoir créer notre projet angular avec Visual Studio Code. Dans cet article je vais vous …
L’histoire du framework Angular Pourquoi apprendre AngularJS? Installation d’Angular Les apports d’Angular dans le monde du développement web La structure du framework Angular Pourquoi apprendre AngularJS? Objectifs Comprendre les raisons pour lesquelles ont choisit le framework Angular Présentation Angular est un framework (côté client) JavaScript open source développé et maintenu par Google, Inc. et plusieurs contributeurs open source. Il est …
L’histoire du framework Angular Pourquoi apprendre AngularJS? Installation d’Angular Les apports d’Angular dans le monde du développement web La structure du framework Angular L’histoire du framework Angular Objectifs Connaitre les versions du framework Angular Présentation AngularJS a été créé par Misko Heavery. Il avait construit un framework pour gérer les faiblesses du langage HTML et également prendre des idées et …
Routage et Navigation avec Angular Le routage avec Angular Le routage avec Angular Objectifs Etre capable de naviguer entre les différents itinéraires dans une application angulaire. Présentation Le système de routage est la gestion de l’affichage via l’URL dans le navigateur. Pour réaliser ce routage, Angular propose le module RouterModule disponible dans la librairie @angular/router. Angular-CLI nous propose le module …