En juin, Google a publié la version stable AngularJS 1.0,
Et déclaré que: AngularJS vous permet d'étendre la syntaxe HTML à représenter clairement et concise des composants de votre application, et permet un HTML standard comme langue de modèle. AngularJS peut synchroniser automatiquement les données à partir d'une interface utilisateur (vue) avec des objets JavaScript (modèles) via une liaison de données bidirectionnelle.
J'ai commencé à contacter AngularJS lorsque je suis venu dans la nouvelle équipe de projet en avril. À l'heure actuelle, AngularJS était toujours dans la version 0,8 instable et il a commencé à être utilisé dans le projet. Ce cadre est appliqué à l'ensemble de l'interface utilisateur du projet, et la fin du serveur est également une API Web instable. J'admire vraiment le courage et l'enthousiasme de l'équipe pour les nouvelles technologies. Heureusement, tout le monde peut bien le contrôler. C'est la première fois que j'essaye un projet plein de technologies instables.
Pour en revenir au sujet, jetons un coup d'œil à un exemple officiel:
<! doctype html> <html ng-app> <ead> <script src = "http://code.angularjs.org/angular-.... 'World'}}! </body> </html>
Démo:
Votre nom:
--------------------------------------------------------------------------------------------------------------------------------
Bonjour le monde!
Remarque: La saisie de n'importe quel caractère dans la zone d'entrée se liera immédiatement à la mise à jour de la page.
1. Ici, la liaison directive (directive) du modèle NG est l'attribut de portée du modèle.
2. et utilisez des expressions pour lier votre nom à des informations textuelles.
3. Seule toute écoute de temps DOM est nécessaire ici, car AngularJS est intégré.
Le programme AngularJS est divisé en 3 parties: modèle, logique de couche de présentation et données (modèle).
Modèle: Nous utilisons HTML et CSS pour écrire le code de vue de l'interface utilisateur, qui contient des instructions et des expressions d'AngularJS, et sera finalement compilé par le mécanisme de compilation AngularJS pour se fixer à l'arbre Dom. Les directives d'AngularJS peuvent être étendues librement par nous.
Logique de la couche de présentation: y compris la logique et le comportement d'application. Utilisez la définition JavaScript comme logique du contrôleur de vue. En tant que cadre MVC dans AngularJS, nous n'avons pas besoin d'ajouter l'écoute d'événements pour le niveau DOM dans le contrôleur, qui est déjà construit dans AngularJS. Une fois l'événement DOM du nœud d'interface utilisateur, AngularJS passera automatiquement à une certaine logique de comportement (action) sur la portée.
Données: ViewObject doit être référencée par AngularJS Scope (apparu comme Service dans 1.0), qui peut faire n'importe quel type d'objet JavaScript, tableau, type primitif, objet. De plus, AngularJS mettra à jour automatiquement le modèle de manière asynchrone, c'est-à-dire qu'il actualisera automatiquement le modèle (mode) lorsque l'interface utilisateur changera, et au contraire, il actualisera automatiquement l'interface utilisateur lorsque le modèle changera. Ici, nous n'avons pas besoin de définir certaines méthodes de colonne telles que les getters et les setters.
Voici une vue de la fonction officielle:
Dans le même temps, AngularJS nous fournit des services utiles pour les colonnes et nous permet d'ajouter des services pour notre propre entreprise spécifique, fournissant les services sous-jacents de l'Ajax, du cache, de l'URL, des services abstraits de navigateur, et nous pouvons utiliser toute combinaison de ces services vers le mécanisme d'injection AngularJS. Dans le même temps, AngularJS est également un cadre JavaScript hautement testable. Vous pouvez voir que dans les exemples officiels, ils ont tous des programmes de test sur eux et donnent un cadre de développement BDD (axé sur le comportement).
Ce qui précède est le framework MVC JavaScript AngularJS vous présenté par l'éditeur. J'espère que cela vous sera utile. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra à temps. Merci beaucoup pour votre soutien au site Web Wulin.com!