您的位置:首页 > Web前端 > AngularJS

angularjs应用骨架(4)

2015-07-15 22:38 399 查看
  继续上一篇 继续了解angular其他内容。

 与服务器交互

  真正的应用需要和真实的服务器进行交互移动应用和新兴的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。

  

  
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: