Angular简介

AngularJS诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。

MVC

软件分为3部分：视图（view）：用户界面；控制器（controller）：业务逻辑；模型（model）：数据保存。
各个部分的通信：
1、	view传送指令到controller；
2、	controller完成业务逻辑后要求model改变状态；
3、	model将新的数据发送给view，用户得到反馈；
注：所有的通信都是单向的。

MVVM

1、	各部分之间的通信都是双向的；
2、	view与model不发生联系，都是通过view model传递
3、	view非常薄，不部署任何业务逻辑，称为“被动式图”，即没有任何主动性，而view model
非常厚，所有逻辑都部署在那里。
注：它采用了数据双向绑定（data-binding）,view的变动自动反应在ViewModel，反之亦然。而angular就是采用这种模式

Angular表达式练习

算术运算：返回结果

<p>{{5+3}}</p>

拼接字符串：返回结果;
<p>{{"hello"+" world"}}</p>

关系运算：返回boolean：

<p>{{5>3}}</p>

逻辑运算：返回boolean
<p>{{true && true}}</p>

AngularJS的指令

ng-app：作用是通知Angular文件框架，页面中哪部分开始接受它的管理；可以在html元素中添加这个属性，表明angular可以管理整个文件，还可以添加至某个<div>元素中，表明在这个<div>范围内可调用Angular框架管理其中包含的dom元素；

ng-int：可以用来初始化变量或者初始化数组; 通常情况下，不使用 ng-init。而使用一个控制器或模块来代替它

ng-click：告诉Angular html元素点击之后执行的操作；
注意：与onclick（）的区别；由于onclick不是AngularJS底层注册的，所以不能进行监听

ng-repeat：用于循环输出指定的次数的html元素；

ng-if：指令用在表达式为false时移出html元素，如果if语句执行的结果为true会添加移出元素，并显示；
注意：ng-if不同于ng-hide，ng-hide是隐藏元素，此时元素还存在于DOM中，而ng-if是从DOM中移出。

ng-show：表达式为true时显示指定的html元素，否则隐藏；

 ng-hide：表达式为false是隐藏指定的html元素，否则显示；
注意：ng-show和ng-hide可以方便的操作html元素的显示和隐藏，可以通过3种方式显现：Boolean，表达式和函数；

ng-bind：指令告诉 AngularJS 使用给定的变量或表达式的值来替换 HTML 元素的内容。
如果给定的变量或表达式修改了，指定替换的 HTML 元素也会修改

ng-model指令

ng-model属性绑定逻辑层中的数据，并通过指令显示在页面中。在angular中使用“ng-model”方式绑定数据是双向绑定的，即数据源发生了变化，被绑定的元素中的内容也会自动进行同步变化，反之数据源也会随被绑定的元素值的变化而变化。

控制器

$scope只针对当前的controller作用域生效

$rootScope针对全局的作用域生效