如何从 .t​​hen() 角度返回对函数的响应？ [复制]

Question

check()是从html中调用的，返回值应该是true/false。

ng-class="{'timeline-inverted: check(id)'}"

$scope.server.get() 从服务器脚本获取result(r)，我需要将$scope.result 返回给check() 函数。

这是我的 Angular 代码：

$scope.check = _.memoize(function(userId) {
    $scope.server.get({
        action: 'checkif',
        userID: userId
    }).then(function successHandler(r) {
        $scope.result = r.data.result;
    });
    return $scope.result;   // $scope.result is undefined
});

Answer 1

创建一个新的 Promise，然后在 HTTP 调用成功后解析。

$scope.check = _.memoize(function(userId) {
  return new Promise((resolve, reject) => {
    $scope.server.get({
      action: 'checkif',
      userID: userId
    }).then(function successHandler(r) {
      resolve(r.data.result);
    });
  });
});

Answer 2

首先，在这里使用memoize 并不是一件好事。 memoized 工作得很好，因为参数具有原始类型。由于您调用 API，您无法确定相同的 userId 和 action 参数返回了相同的数据集！

我不知道为什么您的$http 调用绑定到$scope。也许将这些东西放在服务中会更好。最后，您的应用程序可能看起来像这样一个漂亮的结构化应用程序：

var myApp = angular.module('myApp', []);

myApp.controller('MyCtrl', function($scope, user) {

   $scope.userData = null;

   user.get('checkif', 2).then(function (result) {
      $scope.userData = result.data.result;
   });
});


myApp.service('user', function () {
  this.get = function (action, userId) {
    return $http({
      url: 'http://your-api-endpoint/',
      method: 'GET',
      params: {
        action: action,
        userID: userId
      }
    });
  }
});