AngularJS详解开头介绍篇

AngularJS开头介绍篇

近期闲来无事，因为公司要用到AngularJs开发前端，所以要学习一下基本知识，再次我整理了一些学习的内容，与和我一样的初学者分享一下，此后每天不定期更新几章学习直到把以下列出的点都学习整合完，此篇文章只是列出了后面的学习方向和内容，下篇文章才正式进入正题，可以简单过一下看看介绍。

• AngularJS的双向绑定
• AngularJS的下载和安装
• 使用AngularJS的表达式
• AngularJS表达式的容错性
• 理解AngularJS的模块
• 模块与控制器的关系
• $scope与$rootScope
• 使用内置过滤器
• 定义和使用自定义过滤器
• 使用AngularJS内置的函数
• 使用内置指令
• 定义和使用自定义指令
• 使用内置服务组件
• 定义和使用自定义服务组件
• 理解依赖注入
• 掌握和使用AngularJS的依赖注入容器
• 掌握3种依赖注入的标记方式
• 使用$http与服务器交互
• 使用$routeProvider配置路由规则
• 使用路由和$location实现多视图切换
• 掌握单页面Web应用的开发
• 使用ui-router框架开发单页面Web应用

本文章将会介绍一个非常流行且设计灵巧的前端框架： AngularJS，该框架与jQuery不同，jQuery的设计哲学是将HTML元素包装成jQuery对象，然后对jQuery对象增加系列标准、易用的通用方法，从而允许开发者用统一的 jQuery 方法来动态修改 HTML 页面。从动态修改HTML页面的角度来看，AngularJS的灵活性不如jQuery，AngularJS甚至很少提供直接访问、修改HTML页面的API方法，但AngularJS提供的双绑定机制更加简单、粗暴：只要用指令将HTML元素与模型中的变量进行了绑定，然后用JS脚本修改被绑定变量的值，HTML元素的内容、CSS样式就都会随之发生改变。AngularJS的这种设计摒弃了前端开发中复杂、烦琐的DOM操作，让开发者可以更专注于前端业务开发。

此外，AngularJS 更是一个规范的前端框架，而不是简单的JS库：AngularJS 按照 MVC （或MVVM）模式来设计前端应用，将前端应用严格划分为视图、控制器（或视图模型）、调度器三种组件，并提供了依赖注入来管理各组件之间的依赖关系。从这个角度来看，AngularJS比jQuery更复杂。

本文章将会遵循AngularJS内在的设计哲学，从AngularJS的双向绑定开始介绍，然后逐个详细地介绍 AngularJS 支持的模块、控制器、过滤器、函数、指令、服务等各种组件，以及AngularJS管理各种组件的依赖关系的方式：依赖注入。