1.AngularJS
MVx——数据、表现分离
Angular是什么、干什么?
减轻程序员的负担、避免重复劳动
扩展了HTML的功能;颠覆性、可扩展
2.基本使用
MVC:
M Model 模型——数据
V View 视图——表现层
C Controller 控制器——业务逻辑
ng-app="" AngularJS管的范围
两个词:
双向绑定——既可以输入也可以输出
依赖注入:
饭店(要什么给什么)
函数——参数由调用方决定
依赖注入——参数由定义方决定
模板——机器自动生成的,例如个人页面
{{东西}}
结果是: (12*5)=>60
就是不在模板里边的原样保留,只会去修改模板里面的东西
--------------------------------------------------------------------------------------------------------------------------------
1.angular和JavaScript不互通,angular用不了javascript的东西,反过来也一样。(正常情况下)
2.Angular的开发模式和传统开发模式完全不同——只需要盯住数据
数据是核心!!!!!
--------------------------------------------------------------------------------------------------------------------------------
不互通:
1.函数不互通
2.变量也不互通
3.事件也不互通
ng-(这是angular的标志,所有东西都是ng-开头)
--------------------------------------------------------------------------------------------------------------------------------
互通:Controller
--------------------------------------------------------------------------------------------------------------------------------
Angular接管了UI,UI的一切更新或者操作都归它管
--------------------------------------------------------------------------------------------------------------------------------
AngularJS:MVx框架,把数据、表现、逻辑分离开
方便程序员——避免重复劳动(获取元素、加事件等等)
ng-model 数据、双向绑定
ng-bind 输出
ng-app 范围
{{}}
1.Angular和JavaScript不互通
2.盯住数据
事件:
ng-click
ng-init
版本
1.2.x
1.3.x
MVx(统称,只要有M,V的,实现数据与表现层分离的)
Angular适用于所有数据交互相关的的项目
--------------------------------------------------------------------------------------------------------------------------------
Controller——控制器:
1.放JS代码
2.桥梁:controller 可以写JS
controller的两种写法:
--------------------------------------------------------------------------------------------------------------------------------
1个页面里:
很多个module
1个module里:
很多个Controller
--------------------------------------------------------------------------------------------------------------------------------
1.双向绑定
2.依赖注入
普通函数:由调用方决定参数
ng函数:由定义方决定参数
function show(c, b){
alert(c+b);
}
show(12, 5);
--------------------------------------------------------------------------------------------------------------------------------
filter——过滤器
https://www.baidu.com/img/bd_logo1.png
ng-src
ng-href
ng-hide
ng-show
ng-clack
ng-?
--------------------------------------------------------------------------------------------------------------------------------
$http
1.
2.
这里也要加上responseType: "json"
--------------------------------------------------------------------------------------------------------------------------------------------------------
angular入门:
1.ng-app="xxx"
2.ng-controller="xxx"
var app=angular.module('app_name', []);
app.controller('contr_name', function ($scope, $http){
});
3.ng-model
$scope.变量
$scope.函数
ng-repeat="xxx in 数组|json"
ng-show