Dans le « Manuel de référence chinois AngularJS », AngularJS étend le HTML avec de nouveaux attributs et expressions. AngularJS peut créer une application à page unique (SPA : Single Page Applications). AngularJS est très facile à apprendre.
AngularJS est une bibliothèque JavaScript open source gérée par Google pour faciliter l'exécution des applications d'une seule page. Son objectif est d'améliorer les applications basées sur un navigateur grâce à la fonctionnalité de modèle MVC (MVC) afin de faciliter le développement et les tests. Après les changements majeurs apportés à la version 2 (le changement le plus important était l'utilisation complète de TypeScript), elle a été renommée Angular et la version N a été nommée sous la forme Angular N.
La bibliothèque lit le HTML qui contient des personnalisations supplémentaires (attributs de balise), suit les instructions de ces attributs personnalisés et lie l'entrée ou la sortie de la page à un modèle représenté par des variables JavaScript. Les valeurs de ces variables JavaScript peuvent être définies manuellement ou obtenues à partir de ressources JSON statiques ou dynamiques.
Conseils : Avant de commencer à apprendre AngularJS, vous devez avoir des connaissances de base en HTML, CSS, JavaScript.
Exécutons la première instance AngularJS !
La première instance AngularJS
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/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>Instance en cours d'exécution »
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
Angular suit le modèle MVC du génie logiciel et encourage un couplage lâche entre la présentation, les données et les composants logiques. Grâce à l'injection de dépendances, Angular apporte les services traditionnels côté serveur, tels que le contrôle indépendant de la vue, aux applications Web côté client. Par conséquent, une grande partie de la charge est réduite sur le backend, ce qui se traduit par une application Web plus légère.
Conseils : Notre tutoriel AngularJS vous aidera à apprendre à maîtriser et à utiliser AngularJS étape par étape. Si vous avez des questions, veuillez vous rendre sur le site Web chinois PHP Communauté AngularJS pour poser vos questions, et des internautes enthousiastes le feront. répondez-y pour vous.
Principales fonctionnalités d'AngularJS
AngularJS simplifie le développement d'applications en présentant aux développeurs un niveau d'abstraction plus élevé. Comme pour d’autres techniques d’abstraction, une certaine flexibilité est perdue. En d’autres termes, toutes les applications ne sont pas adaptées à AngularJS.
AngularJS envisage principalement de créer des applications CRUD. Heureusement, au moins 90 % des applications WEB sont des applications CRUD. Mais pour comprendre ce qui convient à la construction avec AngularJS, vous devez comprendre ce qui ne convient pas à la construction avec AngularJS.
Par exemple, les jeux, les éditeurs d'interface graphique, les applications avec des opérations DOM fréquentes et complexes sont très différents des applications CRUD et ne conviennent pas pour être construits avec AngularJS. Dans des situations comme celle-ci, il serait peut-être préférable d'utiliser une technologie plus légère et plus simple comme jQuery.
Objectifs de conception AngularJS :
Dissocier la logique d'application des opérations sur le DOM. Cela améliore la testabilité de votre code.
Considérez les tests d'application comme aussi importants que la rédaction d'applications. La façon dont votre code est structuré a un impact énorme sur la difficulté du test.
Découplez le côté client et serveur de l'application. Cela permet au développement client et serveur d'aller de pair et permet la réutilisation des deux côtés.
Guider les développeurs tout au long du processus de création d'applications : de la conception de l'interface utilisateur à l'écriture de la logique métier, en passant par les tests.
Ce que couvre ce manuel du didacticiel AngularJS
Ce manuel du didacticiel AngularJS couvre toutes les méthodes d'utilisation de base de React, y compris les expressions AngularJS, les instructions AngularJS, les modèles AngularJS, les contrôleurs AngularJS, les tables AngularJS, les événements AngularJS, les modules AngularJS, la connaissance détaillée d'AngularJS animations, injection de dépendances AngularJS, routage AngularJS, etc.
Conseils : Chaque chapitre de ce tutoriel contient de nombreux exemples AngularJS. Vous pouvez directement cliquer sur le bouton "Exécuter l'exemple" pour afficher les résultats en ligne. Ces exemples vous aideront à mieux comprendre et utiliser AngularJS.
Dernier chapitre
- AngularJS 参考手册 2016-10-19
- AngularJS 2016-10-19
- AngularJS 应用 2016-10-19
- AngularJS 路由 2016-10-19
- AngularJS 依赖注入 2016-10-19
- AngularJS 动画 2016-10-19
- AngularJS 包含 2016-10-19
- AngularJS Bootstrap 2016-10-19
Cours connexes
- Introduction rapide au développement web front-end 2021-12-10
- Le cours front-end qui vous comprend le mieux : HTML5/CSS3/ES6/NPM/Vue/...[Original] 2022-09-30
- Tutoriel vidéo de démarrage de Gulp 2022-04-18
- Tutoriel vidéo CSS3 des frères d'armes Gao Luofeng 2022-04-20
- Tutoriel vidéo d'exemple de base d'application Web de développement AngularJS 2022-04-18
- Contact complet Ajax 2022-04-13
- Tutoriel vidéo de base du framework MUI 2022-04-13
- Cours d'essai de cours de formation en ligne 2019-01-10