angularjs(JS前端框架) v1.6.2官方版

AngularJS是一款非常优秀的js框架，主要用于js前端开发，提供了一个编辑的环境，可以进行更多样的网页样式调整，具有MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入的特点，使用angularjs可以大大提高工作效率。欢迎下载！

angularjs基本介绍

HTML是一门很好的为静态文本展示设计的声明式语言，但要构建WEB应用的话它就显得乏力了，而AngularJS却使用了不同的方法，它尝试去补足HTML本身在构建应用方面的缺陷，AngularJS通过使用我们称为标识符(directives)的结构，让浏览器能够识别新的语法。例如：使用双大括号{{}}语法进行数据绑定、使用DOM控制结构来实现迭代或者隐藏DOM片段、支持表单和表单的验证、能将逻辑代码关联到相关的DOM元素上、能将HTML分组成可重用的组件等等，AngularJS试图成为WEB应用中的一种端对端的解决方案，这意味着它不只是你的WEB应用中的一个小部分，而是一个完整的端对端的解决方案。

angularjs特点

1、AngularJS通过为开发者呈现一个更高层次的抽象来简化应用的开发，如同其他的抽象技术一样，这也会损失一部分灵活性，换句话说，并不是所有的应用都适合用AngularJS来做，AngularJS主要考虑的是构建CRUD应用。幸运的是，至少90%的WEB应用都是CRUD应用，但是要了解什么适合用AngularJS构建，就得了解什么不适合用AngularJS构建

如游戏，图形界面编辑器，这种DOM操作很频繁也很复杂的应用，和CRUD应用就有很大的不同，它们不适合用AngularJS来构建，像这种情况用一些更轻量、简单的技术如jQuery可能会更好

2、AngularJS的一些出众之处如下：

①构建一个CRUD应用可能用到的全部内容包括：数据绑定、基本模板标识符、表单验证、路由、深度链接、组件重用、依赖注入

②测试方面包括：单元测试、端对端测试、模拟和自动化测试框架

③具有目录布局和测试脚本的种子应用作为起点

angularjs使用说明：

使用回调：

回调的使用会打乱你的代码的可读性，让你的代码变得支离破碎，很难看清本来的业务逻辑。移除一些常见的代码，例如回调，是件好事。大幅度地减少你因为JavaScript这门语言的设计而不得不写的代码，能让你把自己应用的逻辑看得更清楚。

手动编写操作DOM元素的代码：

操作DOM是AJAX应用很基础的一部分，但它也总是很“笨重”并且容易出错。用声明的方式描述的UI界面可随着应用状态的改变而变化，能让你从编写低级的DOM操作代码中解脱出来。绝大部分用AngularJS写的应用里，开发者都不用再自己去写操作DOM的代码，不过如果你想的话还是可以去写。

对UI界面读写数据：

AJAX应用的很大一部是CRUD操作。一个经典的流程是把服务端的数据组建成内部对象，再把对象编成HTML表单，用户修改表单后再验证表单，如果有错再显示错误，然后将数据重新组建成内部对象，再返回给服务器。这个流程里有太多太多要重复写的代码，使得代码看起来总是在描述应用的全部执行流程，而不是具体的业务逻辑和业务细节。

开始前得写大量的基础性的代码：

通常你需要写很多的基础性的代码才能实现一个“Hello World”的应用。用AngularJS的话，它会提供一些服务让你很容易地正式开始写你的应用，而这些服务都是以一种Guice-like dependency-injection式的依赖注入自动加入到你的应用中去的,这让你能很快的进入你应用的具体开发。特别的是，你还能全盘掌握自动化测试的初始化过程。

简单实例

开始学习AngularJS的一个好方法是创建经典应用程序“Hello World!”

1、使用您喜爱的文本编辑器，创建一个HTML文件，例如：helloworld.html

2、将下面的源代码复制到您的HTML文件

①当加载该页时，标记ng-app告诉AngularJS处理整个HTML页并引导应用：

②载入AngularJS脚本：

③最后，标签中的正文是应用的模板，在UI中显示我们的问候语：

Hello {{'World'}}!

注意：使用双大括号标记{{}}的内容是问候语中绑定的表达式，这个表达式是一个简单的字符串‘World’

3、在web浏览器中打开这个HTML文件，即可看到效果。