Exemples AngularJS

Essayer vous-même

Vous pouvez éditer en ligne l'exemple et cliquer sur le bouton pour voir le résultat.

Exemples AngularJS

<div ng-app="">
<p>Nom: <input type="text" ng-model="name"></p>
<p>Vous avez écrit : {{ name }}</p>
</div>

Essayez-le vous-même

Basics d'AngularJS

• Mon première instruction AngularJS
• Mon premier instruction AngularJS (conforme aux normes HTML5)
• Mon première expression AngularJS
• Une expression simple AngularJS, utilisant des variables
• Mon premier contrôleur AngularJS

Introduction de base à AngularJS

Expressions AngularJS

• Une expression simple
• Expression sans ng-app
• Expression contenant un nombre
• Utilisation de ng-bind pour lier un nombre
• Expression contenant une chaîne de caractères
• Utilisation de ng-bind pour lier une chaîne de caractères
• Expression contenant un objet
• Utilisation de ng-bind pour lier un objet
• Expression contenant un tableau
• Utilisation de ng-bind pour lier un tableau

Présentation des expressions

Modules AngularJS

• Contrôleurs AngularJS
• Modules et contrôleurs dans le fichier
• Quand charger AngularJS

Présentation du module

Instructions AngularJS

• Instructions AngularJS
• L'instruction ng-model
• L'instruction ng-repeat (utilisée pour les tableaux)
• L'instruction ng-repeat (utilisée pour les objets)
• Créer une nouvelle instruction
• Utiliser une nouvelle instruction comme élément
• Utiliser une nouvelle instruction comme attribut
• Utiliser une nouvelle instruction comme classe
• Utiliser une nouvelle instruction comme commentaire
• Instructions avec restrictions

Introduction aux instructions

Modèles AngularJS

• Modèles AngularJS
• Modèle avec liaison bidirectionnelle
• Modèle avec validation
• Formulaire et état de validation actuel
• Définir une classe CSS lorsque le champ est invalide

Introduction aux modèles

Contrôleurs AngularJS

• Contrôleurs AngularJS
• Propriétés de contrôleur
• Fonctions de contrôleur
• Contrôleurs dans les fichiers JavaScript I
• Contrôleurs dans les fichiers JavaScript II

Introduction aux contrôleurs

Portée AngularJS

• Portée AngularJS
• Les portées sont synchronisées
• Différentes portées
• Portée racine

Introduction aux portées

Filtres AngularJS

• Filtre d'expression uppercase
• Filtre d'expression lowercase
• Filtre d'expression currency
• Filtre d'instruction orderBy
• Filtres d'entrée

Introduction aux filtres

XMLHttpRequest AngularJS

• Lecture de fichiers JSON statiques

Introduction à XMLHttpRequest