发表于： 2017-01-11 23:20:49
1 1438
今天做的事
学习了angular的$http
明天计划
从服务器拉data下来把分页做了
困惑
为毛之前js5的登陆突然等不上去了，显示404，是路径变了？
收获
angular一切重点为数据
var app =angular.module("app_name",[]);
app.controller("conre_name",function($scope,$http){
});
ng-model
$scope.变量
$scope.函数
依赖注入
函数的参数不由自己决定，而由调用方决定
依赖注入情况下，参数由定义方决定的
angular和原声js不互通
1函数不互通
2变量不互通
3事件不互通
controller即用来互通，桥梁
angular接管了UI
<input type="text" ng-model="a">*<input type="text" ng-model="b">=<span>{{a*b}}</span>
此时改变value没用，此部分已被angular接管
ng-model 数据源 双向绑定
ng-repeat
循环
例如
<ul ng-init="users=[{name:'miao',age:15},{name:'papa',age:25},{name:'mimi',age:14}]">
<li ng-repeat="user in users">
姓名：{{user.name}} 年龄：{{user.age}}
</li>
</ul>
<li ng-repeat="user in users">
姓名：{{user.name}} 年龄：{{user.age}}
</li>
</ul>
打开以后就是
- 姓名：miao 年龄：15
- 姓名：papa 年龄：25
- 姓名：mimi 年龄：14
其中users是初始的需要遍历的数组，user代表的是变量，什么名字无所谓，只要能和后面{{}}里的对照上就可以
控制器：
存放逻辑代码
桥梁
写法
app.controller('cont1',function($scope,$http){
$scope.a = 1;
});
或者
app.controller('cont1',['$scope','$http',function(a,b){
a.a = 1;
})
angular ajax
方法1
var app =angular.module('app',[]);
app.controller('miao',functtion($scope,$http){
$http.get('a.php,{//地址
params:{ a:12,b:12 }， //获取参数
responseType：‘json’ //解析字符串
}').then(function(res){//返回的还是字符串，需要解析
alert（res.data）；此时返回值
},function（）{
alert（‘失败了’）；
}）;
) );
方法2
var app =angular.module('app',[]);
app.controller('miao',functtion($scope,$http){
$http.get('a.php,{//地址
params:{ a:12,b:12 }， //获取参数
responseType：‘json//返回的还是字符串，需要解析，此行代码自动解析 ’
}').success(function(res){
alert（res.data）；//此时返回undefind，若直接res则输出值
}),.error(function（）{
alert（‘失败了’）；
}）;
) );
返回列表
评论