以角度来回归链式承诺的“最后”价值

作者: 部落用户
发布时间: 2024-08-18 09:22:00 (9天前)
转自：

3 条回复

0#
回复此人
star | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 返回链接的承诺： </p> <pre> <code> function onGeolocationSuccess(position) { var url = 'http://localhost:34915/api/spots?latitude=' + position.coords.longitude + '&longitude=' + position.coords.latitude; return $http.get(url).success(function(data, status, headers, config) { var allSpots = []; for (var i = 0; i < data.length; i++) { var newSpot = new WifinderModel.wifiSpot(data[i].id, data[i].name, data[i].password, data[i].address); allSpots.push(newSpot); } return allSpots; }).error(function(data, status, headers, config) {}); }; </code> </pre> <P> 那么电话可以是： </p> <pre> <code> deferred.promise .then(onGeolocationSuccess) .then(function(allSpots) { ... }); </code> </pre> </DIV>

编辑
1#
回复此人
甲基蓝 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> <code> Callback </code> 没有能力返回数据，你应该真正使用promise模式，它有能力从promise返回数据。您 <code> onGeolocationSuccess </code> 似乎正在使用回调模式 <code> return data </code> 但事实上并非如此。 </p> <P> 你可以通过从中返回承诺来解决问题 <code> onGeolocationSuccess </code> 方法，你需要返回 <code> $http.get </code> 已经返回promise对象的对象。在 <code> .then </code> 你会得到的那种功能 <code> data </code> 已从API返回。从.then函数你可以返回一个 <code> data </code> 这将有助于你遵循 <a href="http://andyshora.com/promises-angularjs-explained-as-cartoon.html" rel="nofollow"> 的<strong> 承诺模式 </强> </A> 。 </p> <P> 的<strong> 码 </强> </p> <pre> <code> .factory('wifiSpotFactory', function(WifinderModel, $q, $http) { function onGeolocationSuccess(position) { var url = 'http://localhost:34915/api/spots?latitude=' + position.coords.longitude + '&longitude=' + position.coords.latitude; return $http.get(url). then(function(response) { var allSpots = [], data = response.data; for (var i = 0; i < data.length; i++) { var newSpot = new WifinderModel.wifiSpot(data[i].id, data[i].name, data[i].password, data[i].address); allSpots.push(newSpot); } return allSpots; }, function(error) { console.log(error) }); }; var wifiSpotFactory = { loadNearSpots: function() { //..other code as is..to make solution cleaner removed that part. //return promise to follow promise chain return deferred.promise .then(onGeolocationSuccess) .then(function(allSpots) { return allSpots; }); } }; return wifiSpotFactory; }) </code> </pre> <P> 的<strong> 调节器 </强> </p> <pre> <code> .controller('wifiListController', ['$scope', 'wifiSpotFactory', function ($scope, wifiSpotFactory) { wifiSpotFactory.loadNearSpots().then(function(data){ $scope.spots = data; //data will be available inside `.then` which promise resolve/reject }); } ]) </code> </pre> </DIV>

编辑

登录后才能参与评论