淘先锋技术网

首页 1 2 3 4 5 6 7


第一天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. MV耦合度高

  2. C特别臃肿

     

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

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

  1. 两大特色:1ng-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