AngularJS Présentation
AngularJS est un framework JavaScript. Il peut être ajouté aux pages HTML par balise <script>.
AngularJS par directive étend le HTML, et à travers les expression des données lient au format HTML.
AngularJS est un framework JavaScript
AngularJS est un framework JavaScript. Il est une bibliothèque écrite en JavaScript.
fichier AngularJS JavaScript est une forme de libération peut être ajouté par la balise de script à la page:
 | Nous vous proposons script sur le fond de l'élément <body>. Cela permettra d'accroître la page vitesse de chargement, parce que le HTML ne sont pas soumis à une charge de script à charger. |
|---|
Chaque version téléchargement angularjs: https://github.com/angular/angular.js/releases
AngularJS étend HTML
AngularJS par-directives ng étendues HTML.
directive ng-app définit une application AngularJS.
ng modèle commander les valeurs des éléments (tels que la valeur du champ d'entrée) liée à l'application.
commande ng-bind pour lier les données d'application en mode HTML.
AngularJS exemples
<Html>
<Head>
<Meta charset = "utf-8 ">
<Script src = "http://cdn.static.w3big.com/libs/angular.js/1.4.6/angular.min.js"> </ script>
</ Head>
<Body>
<Div ng-app = "" >
<P> Nom: <input type = "text" ng-model = "nom"> </ p>
<H1> Bonjour {{name} } </ h1>
</ Div>
</ Body>
</ Html>
Essayez »
Exemples d'expliquer:
Lorsque la page est chargée, AngularJS automatiquement.
directive ng-app dit AngularJS, élément <div> est l' application AngularJS du «propriétaire».
directive ng-modèle lie la valeur du champ de saisie à l'application nom de la variable.
commande ng-bind à un nom de variable d'application est liée à un paragraphe innerHTML.
| Si vous supprimez la directive ng-app, HTML sera affiché directement à l'expression, non pas pour évaluer l'expression des résultats. |
|---|
Qu'est-ce que AngularJS?
AngularJS rend le développement de l'application moderne d'une seule page (ZPS: seule page Applications) plus facile.
- données AngularJS d'application se lient aux éléments HTML.
- éléments AngularJS HTML peuvent être clonées et répéter.
- AngularJS peuvent masquer et afficher les éléments HTML.
- AngularJS peuvent ajouter du code à l'élément HTML "derrière."
- AngularJS soutiennent la validation d'entrée.
AngularJS directives
Comme vous pouvez le voir, AngularJS instruction est préfixé attributs HTML ng.
commande ng-init pour initialiser les variables d'application AngularJS.
AngularJS exemples
<p>姓名为 <span ng-bind="firstName"></span></p>
</div>
Essayez »
| HTML5 vous permet d'étendre la (maison) propriété pour début de données. AngularJS propriété début ng-, mais vous pouvez utiliser les données-ng- pour faire des pages web pour HTML5 valide. |
|---|
Avec HTML5 valide:
AngularJS exemples
<p>姓名为 <span data-ng-bind="firstName"></span></p>
</div>
Essayez »
AngularJS expression
AngularJS expressions écrites entre accolades: {{expression}}.
AngularJS expression pour lier les données au format HTML, qui commande ng-bind a le même but.
AngularJS expression dans la position d'écriture de données "sortie".
AngularJS expressions telles expressions JavaScript: ils peuvent contenir du texte, des opérateurs et des variables.
Exemples 5 + 5 {{}} ou {{firstName + "" + lastName}}
AngularJS exemples
<Html>
<Head>
<Meta charset = "utf-8">
<Script src = "http://cdn.static.w3big.com/libs/angular.js/1.4.6/angular.min.js"> </ script>
</ Head>
<Body>
<Div ng-app = "">
<P> Ma première expression: {{5 + 5}} </ p>
</ Div>
</ Body>
</ Html>
Essayez »
AngularJS Applications
AngularJS module (Module) définit les applications AngularJS.
AngularJS Contrôleurs (Controller) pour le contrôle des applications AngularJS.
directive ng-app définit l'application, ng-contrôleur définit le contrôleur.
AngularJS exemples
Nom: <input type = "text" ng-model = "firstName"> <br>
Nom: <input type = "text" ng-model = "lastName"> <br>
<br>
Nom: {{firstName + "" + lastName}}
</ Div>
<Script>
var app = angular.module ( 'myApp' , []);
app.controller ( 'myCtrl', function ( $ portée) {
$ Scope.firstName = "John";
$ Scope.lastName = "Doe";
});
</ Script>
Essayez »
AngularJS définition du module d'application:
AngularJS Module
AngularJS applications du contrôleur:
AngularJS Contrôleurs
$ Scope.firstName = "John";
$ Scope.lastName = "Doe";
});
Dans le prochain tutoriel, vous apprendrez plusieurs modules de connaissances et d'application.