第一天Angular.js



第一天Angular.js

1. http://angularjs.org/

2. Angular--MVC框架

3. 帮助你，限制你；统一规范；

4. 官方安装包.Js  ng-bind绑定 ng-model=”a”(数据来源) 数据从input里面来到div里去ng-app=””

   好处：业务逻辑本身上面。

   效图

5. MVC模式 (经典)

   Model模型--数据（Ajax);

   View 视图--表现层（html/css);

   Controller 控制器--业务逻辑；

1. M和V耦合度高

2. C特别臃肿

    

1. MVP 虽然耦合度低 但是P特别臃肿（解除耦合）

2. MVVM 耦合度低,（一部分简单逻辑放到html里面，直接取消臃肿）==》MVVM MV*

1. 两大特色：1）ng-model双向绑定M<=>V数据变了，视图也变化；自动同步数据与视图.

1. ng-bing 输出，数据变==》视图变；单向绑定

2. ng-app 范围

1. Angular表达式{{name}} (1)方便；(2)任何地方；(3)变量，表达式

   ******Angular的核心是数据*****

   {{a*b}}出来一个NAN很丑

   ng-init:初始值//很重要

    

2. 指令：ng-init/ng-app/ng-model/ng-bind

1. 系统

2. 自定义

   Angular--增强html的功能

1. 循环(数组、json) ng-repeat

   1)重复输出不出来；2)Angular-出于性能考虑，数据与元素一一对应；

   解决问题：key重复，track by 追踪。$index下标。；不解决也行。

    

    

1. 重复json