1.干什么
重复劳动——获取、事件、创建
接管 UI
2.好在哪儿
自动同步
a.节约精力——放在更重要的事情上
b.规范整体开发
3.限制’
官网
https://angularjs.org/
库:人在用库
方便程序员
框架:框架在用人
限制程序员
MVC:
M-Model 模型-数据
V-View 视图-表现层
C-controller 控制器-逻辑处理/业务逻辑
数据、表现分离
AngularJS是MVC框架
1.一切都是数据
2.是个“框架’’
AngularJS三要素:
1.ng-model:数据从哪来
2.ng-bind:数据到哪去
3.ng-app:那块归angular管
模板
Angular和原生JS 不互通——两套
原生JS部分东西 angular 用不了
数据多了就不行了
controller
MVC:
M——ng-model
V——{{}}
C——controller
controller:
1.桥梁
2.业务逻辑
ng-app主要用来引入angular这个模块
说到模块首先要定义,然后在引用。
var mod=angular.module('');
模块取个名字main_mod;
定义模块
var mod=angular.module('main_mod',[依赖于什么模块 ]);
引用模块
ng-app="main_module"
ng-app这里面所有的东西归这个模块管
往模块里添加东西。
scope:范围 作用域
mod.controller('control1',function($scope){
//controller 代码都放这里
// $scope——所有angular数据都在scope身上
$scope.a=12
$scope.parseInt= function(n){
return parseInt(n);
};
});
ng-controller="control1"
{{parseInt(a)+parseInt(b)}} 生效
双向绑定?
双向-可进可出
输入框——既可以输入,又可以输出
*所有的数据是双向的
数据 <-> UI
依赖注入?
把依赖项注入进去
函数:函数的参数由定义的人决定的?还是调用的人决定的?
正常函数的参数是由调用的人决定的。
“依赖反转”
angular里函数要什么参数就有什么参数。
是由定义的函数来决定的。好处在于用什么请求什么。
mod.controller('control1',function($scope,$http){
alert(arguments.length)
//结果是2
});