第一天Angular.js
Angular--MVC框架
帮助你,限制你;统一规范;
官方安装包.Js ng-bind绑定 ng-model=”a”(数据来源) 数据从input里面来到div里去ng-app=””
好处:业务逻辑本身上面。
效图
MVC模式 (经典)
Model模型--数据(Ajax);
View 视图--表现层(html/css);
Controller 控制器--业务逻辑;
M和V耦合度高
C特别臃肿
MVP 虽然耦合度低 但是P特别臃肿(解除耦合)
MVVM 耦合度低,(一部分简单逻辑放到html里面,直接取消臃肿)==》MVVM MV*
两大特色:1)ng-model双向绑定M<=>V数据变了,视图也变化;自动同步数据与视图.
ng-bing 输出,数据变==》视图变;单向绑定
ng-app 范围
Angular表达式{{name}} (1)方便;(2)任何地方;(3)变量,表达式
******Angular的核心是数据*****
{{a*b}}出来一个NAN很丑
ng-init:初始值//很重要
指令:ng-init/ng-app/ng-model/ng-bind
系统
自定义
Angular--增强html的功能
循环(数组、json) ng-repeat
1)重复输出不出来;2)Angular-出于性能考虑,数据与元素一一对应;
解决问题:key重复,track by 追踪。$index下标。;不解决也行。
重复json