大佬教程收集整理的这篇文章主要介绍了AngularJS“响应”电话与好的老AJAX电话有什么不同?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
在这个课程的第一章他们说,使用AngularJS的主要原因之一是,它可以构建“响应”的网络应用程序. (我知道“响应设计”,但这完全是一个不同的事情),并解释说,使用Angular,您不需要刷新您的网页来更新它从Web服务器的数据(他们告诉你这个,就像这是全新的技术!).
我认为在过去十年中,使用Ajax并不是一回事吗?或者这是完全不同的?
请帮我理解这个coz我是AngularJS的新手.
Angular应用UI充满了观察者.对于HTML中由{{}}包装的每个变量,Angular创建新的观察者,并且当我们在代码运行此值时更新Angular,分别使用摘要循环更新视图.或ng-repeat指令,每个列表项创建单独的范围,并添加观察器.
另一方面,在纯JavaScript中,我需要通过id查找我的元素,并手动更新它.
HTML
<ul> <li ng-click="loadGeo()">click 1</li> </ul> <ul> <pre> data: {{data|json}} </pre> </ul>
JS
var app = angular.module('mymodule',['ngresource']); app.controller('fessCntrl',function ($scope,Data) { $scope.data = false; $scope.loadGeo = function () { Data.query() .then(function (result) { $scope.data = result.data.results[0]; },function (result) { alert("Error: No data returned"); }); } }); app.factory('Data',['$http','$q',function ($http,$q) { var address = 'Singapore,SG,Singapore,153 Bukit Batok Street 1'; var URL = 'http://maps.googleapis.com/maps/api/geocode/json?address=' + address + '&sensor=true'; var factory = { query: function () { var data = $http({ method: 'GET',url: URL }); var deferred = $q.defer(); deferred.resolve(data); return deferred.promise; } } return factory; }]);
一开始我们有空数据:$scope.data = false;
我们点击按钮,我们从工厂获取Geo数据,并使用Geo输出填充数据.我们的GUI更新没有任何其他代码.
这个方法我会称之为“响应”的网络应用程序
我建议你阅读Josh David Miller写的这篇伟大的帖子:
以上是大佬教程为你收集整理的AngularJS“响应”电话与好的老AJAX电话有什么不同?全部内容,希望文章能够帮你解决AngularJS“响应”电话与好的老AJAX电话有什么不同?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。