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是一款由Google维护的开源JavaScript库,用来协助单一页面应用程序运行。它的目标是透过MVC模式(MVC)功能增强基于浏览器的应用,使开发和测试变得更加容易。在版本2大改(最突出的改变的全面使用TypeScript)之后改名Angular,第N版以Angular N的形式命名。
库读取包含附加自定义(标签属性)的HTML,遵从这些自定义属性中的指令,并将页面中的输入或输出与由JavaScript变量表示的模型绑定起来。这些JavaScript变量的值可以手工设置,或者从静态或动态JSON资源中获取。
提示:在开始学习 AngularJS 之前,您需要具备HTML、CSS、JavaScript基础知识。
下面让我们运行第一个AngularJS实例吧!
第一个AngularJS实例
实例
<!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>
运行实例 »
点击 "运行实例" 按钮查看在线实例
Angular遵循软件工程的MVC模式,并鼓励展现,数据,和逻辑组件之间的松耦合。通过依赖注入(dependency injection),Angular为客户端的Web应用带来了传统服务端的服务,例如独立于视图的控制。因此,后端减少了许多负担,产生了更轻的Web应用。
提示:我们的AngularJS 教程将帮助您逐步学习如何掌握并使用AngularJS ,如果你有任何疑问,请前往PHP中文网AngularJS社区提出你的问题,会有热心网友为你解答。
AngularJS主要特点
AngularJS通过为开发者呈现一个更高层次的抽象来简化应用的开发。如同其他的抽象技术一样,这也会损失一部分灵活性。换句话说,并不是所有的应用都适合用AngularJS来做。
AngularJS主要考虑的是构建CRUD应用。幸运的是,至少90%的WEB应用都是CRUD应用。但是要了解什么适合用AngularJS构建,就得了解什么不适合用AngularJS构建。
如游戏,图形界面编辑器,这种DOM操作很频繁也很复杂的应用,和CRUD应用就有很大的不同,它们不适合用AngularJS来构建。像这种情况用一些更轻量、简单的技术如jQuery可能会更好。
AngularJS设计目标:
将应用逻辑与对DOM的操作解耦。这会提高代码的可测试性。
将应用程序的测试看的跟应用程序的编写一样重要。代码的构成方式对测试的难度有巨大的影响。
将应用程序的客户端与服务端解耦。这允许客户端和服务端的开发可以齐头并进,并且让双方的复用成为可能。
指导开发者完成构建应用程序的整个历程:从用户界面的设计,到编写业务逻辑,再到测试。
本AngularJS教程手册涵盖的内容
本AngularJS教程手册涵盖所有React基础使用方法,包含了AngularJS表达式、AngularJS指令、AngularJS模型、AngularJS控制器、AngularJS表格、AngularJS事件、AngularJS模块、AngularJS动画、AngularJS依赖注入、AngularJS路由等等的详细知识。
提示:本教程的每一章都包含了很多AngularJS实例,您可以直接点击 "运行实例" 按钮在线查看结果。这些例子将帮助您更好地理解和使用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