angularjs应用骨架(4)
2015-07-15 22:38
399 查看
继续上一篇 继续了解angular其他内容。
为了实现这一点,angular提供了一种叫做$http的服务,它提供了一个可扩展的抽象方法列表,使得与服务器的交互更加容易。它支持HTTP、JSONP和CORS方式,它还包含了安全性支持,避免了JSON格式的脆弱性和跨站请求伪造(XSRF)。它让你可以轻松的转换请求和相应数据,甚至还实现了简单的缓存。例如,我们打算让购物站点从服务器上获取商品列表信息,而不是从内存假数据获取。例如我们已经写好了一个后台程序返回一段JSON格式数据:
View Code
效果图:
在以后的连载中,将会详细聊聊$http、$directive。
与服务器交互
真正的应用需要和真实的服务器进行交互移动应用和新兴的Chrome桌面应用可能是例外。但是对于此外的所有应用来说,无论是想把数据持久化到云端还是需要其他用户进行实时交互,都需要让应用与服务器进行交互。为了实现这一点,angular提供了一种叫做$http的服务,它提供了一个可扩展的抽象方法列表,使得与服务器的交互更加容易。它支持HTTP、JSONP和CORS方式,它还包含了安全性支持,避免了JSON格式的脆弱性和跨站请求伪造(XSRF)。它让你可以轻松的转换请求和相应数据,甚至还实现了简单的缓存。例如,我们打算让购物站点从服务器上获取商品列表信息,而不是从内存假数据获取。例如我们已经写好了一个后台程序返回一段JSON格式数据:
app.controller('autoFouceController', function ($scope) { var data = { info: "hello,angular!" }; $scope.data = data; $scope.clickMe = function () { $scope.data.info = "hello,world!"; }; }); app.directive('ngAuto', function () { return { restrict: 'A', link: function (scope, element, attrs, controller) { element[0].focus(); } }; });
View Code
效果图:
在以后的连载中,将会详细聊聊$http、$directive。
相关文章推荐
- AngularJs中文社区学习资料
- Angularjs,WebAPI 搭建一个简易权限管理系统 —— Angularjs 前端主体结构(五)
- Angularjs,WebAPI 搭建一个简易权限管理系统 —— WebAPI项目主体结构(四)
- Angularjs,WebAPI 搭建一个简易权限管理系统 —— 系统业务与实现(三)
- AngularJS学习(三)
- angular启动过程分析
- AngularJS--begining
- 【AngularJS】【02】AngularJS应用骨架
- AngularJS中$scope用法
- angularjs应用骨架(3)
- 【AngularJS】【01】简介
- Angularjs-Dirty Checking
- Angular $parse
- 七步从AngularJS菜鸟到专家(7):Routing
- 七步从AngularJS菜鸟到专家(6):服务
- angular表单验证
- AngularJS的更高一步见解
- AngularJs: Reload page
- Angularjs,WebAPI 搭建一个简易权限管理系统
- 使用$route服务重复刷新AngularJS MVC的局部视图