AngularJS一点都不难

一、Angular简介：angularJS就是前端开发的框架之一，AngularJS使得开发现代单一页面程序（SPAs）变得更加容易。把应用数据绑定到HTML，可以克隆和重复HTML元素，可以隐藏和显示HTML元素，可以在HTML元素背后添加代码，Angualr支持输入验证。

二、Angular拥有丰富的指令：

ng-app 标明一个angular应用

ng-init 初始化数据（不建议使用）

ng-bind 绑定模型值到元素 与表达式效果一值，但不闪烁

ng-repeat 遍历列表

$first 是否是首个元素

$last 是否是末尾元素

$middle 是否是中间元素

$index 元素的索引值

当遇到数组中有相同的重复元素时，ng-repeat不能正常渲染元素，此时需要使用track by $index 强制使用索引值进行遍历，示例：ng-repeat="item in items track by $index";

ng-model 绑定元素到模型

ng-style 为元素设置样式

ng-class 为元素添加样式名

ng-class="className"

ng-class="{'样式名':布尔，。。。}"

ng-class="{true:'样式名',false:'样式名'}[布尔]"

ng-include 将其它文档包含到当前元素

ng-if & ng-show 是否显示元素

ng-controller 为元素绑定一个控制器 并创建一个当前节点下的作用域

ng-click 为元素添加点击事件

Angular--基本指令、控制器

自定义指令（重要的一部分）：

自定义指令

三、Angualr拥有有趣的过滤器

currency:自定义 货币转换

number:位数  数字格式

lowercase  转换为小写

uppercase  转换为大写

date 时间格式

filter:过滤关键字    按关键字过滤结果集

orderBy:排序字段:升降序    排序过滤

limitTo:数量      控制显示结果数量

Abgular--过滤器

三、Angular控制器：

Angular控制器

四、Angular服务

Angular服务