AngulaireJS


Instance

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

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>

<div ng-app="">
  <p>名字 : <input type="text" ng-model="name"></p>
  <h1>Hello {{name}}</h1>
</div>

</body>
</html>

Exécuter l'instance »

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne

Les bases d'AngularJS

Ma première expression AngularJS
Ma première directive AngularJS
Ma première directive AngularJS (avec HTML5 valide)
Contrôleur AngularJS

Explication de base d'AngularJS

Expression AngularJS

Expression simple
Aucune expression utilisant ng-app
Expressions avec des nombres
Utilisation de ng- lier avec des nombres
Expressions avec des chaînes
Utiliser ng-bind avec des chaînes
Expression avec un objet
Utiliser ng-bind avec un objet
Expression avec un tableau
Utiliser ng-bind avec un tableau

Explication de l'expression

Directive AngularJS

Directive AngularJS
Directive ng-model
Directive ng-repeat (avec array)
directive ng-repeet (avec objet)

Explication de la commande

Contrôleur AngularJS

Contrôleur AngularJS
Attributs du contrôleur
Fonction du contrôleur
Contrôleur I dans le fichier JavaScript
Contrôleur II dans le fichier JavaScript

Explication du contrôleur

Filtre AngularJS

Filtre d'expression majuscule
Filtre d'expression minuscule
Filtre de devise Expression
Ordre de filtre directif
Filtre d'entrée

Explication du filtre

AngularJS XMLHttpRequest

Lecture des fichiers JSON statiques

Analyse XMLHttpRequest

Table AngularJS

Afficher un tableau (simple)
Tableau avec style CSS
Tri des tableaux
Tableau utilisant un filtre majuscule
Utiliser un tableau ordinal
Utiliser un tableau pair et impair

AngularJS - Lire les données de la base de données

Lire les données de la base de données MySQL
Depuis la base de données SQL Server Lire les données

Analyse SQL AngularJS

AngularJS HTML DOM

commande ng-disabled
commande ng-show
commande ng-hide

Analyse HTML DOM

Événement AngularJS

Commande ng-click
Commande ng-hide
Commande ng-show

Analyse des événements HTML

Module AngularJS

AngularJS module dans le corps
Module AngularJS dans le fichier

Analyse du module AngularJS

Formulaire AngularJS

Formulaire AngularJS
Validation AngularJS

Analyse de formulaires AngularJS

API AngularJS

AngularJS angulaire.lowercase()
AngularJS angulaire.uppercase()
AngularJS angulaire.isString()
AngularJS angulaire.isNumber()

Analyse API

AngularJS Bootstrap

AngularJS utilisant Bootstrap
AngularJS utilisant Bootstrap et utilisant le fichier d'inclusion fonctionnalité

Analyse Bootstrap

Application AngularJS

Application de note AngularJS
Application de mémo AngularJS

Application AngularJS