Angular

Angular:

• 框架： 对程序员的限制高
• 库： jquery，bootstrap —— 使用灵活，对程序员的限制少它是MVC框架 精确定义是MVVM框架 mv
• SPA (single page application) 移动端
  MVC:
  M: Model 模型——数据
  V: View 视图
  C: Controller 控制器
  MVC 分离:
  1.数据、逻辑、 表现层代码的分离
  2.分工
  **学好:它最核心的核心的东西就是数据
  以前写JS:存在大量的重复劳动
  window 事件 .....
  Angular：避免了重复劳动，让程序员更加关注需求的本质和实现。

混乱：
1.2 以下
1.3 以上 上课
2.x 没人用 angular2
3.x 消失
4.x 即将要出来
基本用法：
Angular指令：
以 ng 开头。
是否需要服务器环境——最好
oninput是input值改变的时候触发
1、ng-app
angular管辖的范围
2、ng-model
数据，数据模型—— 数据从哪来
3、ng-bind
数据绑定 —— 数据到哪去

MVC:
M： model 模型，数据——现在的例子中： 输入框
V： view 视图 ——现在的例子中： div
C：

Angular特性：
1).双向绑定
ng-bind: 不好 一开始清空内容
*Angular——接管了 UI
*Angular——扩展了html

4、表达式{{a}}
*Angular 和 原生的JS——不互通（事件、函数），可以解决。
5、ng-click
事件： ng-mouseover ....
只关注数据
6、ng-init
数据初始化
7、ng-repeat 循环
循环数组：
ng-repeat="item in arr"
{{item}} —— 数组中的每一项
循环JSON：
ng-repeat="(key,value) in json"
{{key}} —— json中的key
{{value}} —— json中的value
ng-repeat:
数组:
(key,value) in arr
key—— 索引
value —— 每一项
json:
(key,value) in json
key 键名
value 键值