Angular 1 承诺服务

Question

我一直在疯狂地试图让某些东西在 Angular 1.3 中工作，这甚至可能是不可能的......但看起来应该是这样。基本上，我想编写一个只返回计算值而不是承诺的服务。

我有一个服务，它发出一个 $http.get 请求并返回一个承诺。我想从另一个服务中调用它，获取该数据，对其进行操作并返回一个值。我不想处理 .then 一旦我打电话给我的服务。我的理由是我想要一个可共享的函数，我可以调用它并接收一个实际值，这样我就可以将它用作诸如 ng-show 之类的条件。就像我说的那样，我会在控制器中编写这个函数并使用 .then 用来自 promise 的数据分配一个变量，但我不想在我需要它的每个控制器中都写这个。

例子：

app.factory('searchService', ['$http', function($http) {
  return {
    performSearch: function(searchString) {
      return $http.get('http://asdf.com/search/' + searchString);
    },
    getItemCount: function(itemName) {
      var _this = this;
      this.count = 0;

      this.performSearch(itemName).then(
        function successCallback(resp) {
          _this.count = resp.data.items.length;
        },
        function errorCallback() {
          // This section doesn't matter right now
        };

       return this.count;
    }
  };
}]);

所以我希望能够从控制器调用它并返回“5”或其他东西。或者更好的是，从像“ng-show="blahCtrl.getItemCount('item_search_string') == 0”这样的 ng-show 调用它。同样，我有多个控制器，我可能需要它，所以我不想重复到处都是函数，只是为了提取我需要的数字。

但这对我不起作用...我的返回值始终是我最初设置 this.count 的值。我在几个地方插入了一个console.log，并且已经看到（似乎） this.count 在回调函数可以设置其值之前返回。无论我做什么，我都无法从这项服务中返回一个单一的值，这让我发疯了！更让我困惑的是，如果我要从控制器内部执行此代码：

var _this = this;
searchService.performSearch('asdf').then(
  function(data) { _this.searchResults.data; }
);

它工作得很好，我在 searchResults 变量中得到我的承诺数据没问题。由于某种原因，它在服务内部无法以这种方式工作。

希望这是有道理的，我可能有点啰嗦或不清楚。任何帮助都将不胜感激......我已经花了尽可能多的时间研究这个并尽可能自己使用试验和错误。

谢谢！

Answer 1

我看到的一个解决方案。

把这个放在控制器中

app.controller('ctrl', function ($scope, searchService) {
   $scope.searchService = searchService;
   searchService.getItemCount();
});

进入所有视野

{{ searchService.count }}

我认为，对每个ng-if、ng-show 等都提出请求是不好的。

Answer 2

您将需要使用 $q (https://docs.angularjs.org/api/ng/service/$q)。您的功能在承诺完成之前返回。您的 getItemCount 应如下所示：

app.factory('searchService', ['$http', '$q', function($http, $q) {
  return {
    performSearch: function(searchString) {
      return $http.get('http://asdf.com/search/' + searchString);
    },
    getItemCount: function(itemName) {
      var deferred = $q.defer();

      this.performSearch(itemName).then(
        function successCallback(resp) {
          deferred.resolve(resp.data.items.length);
        },
        function errorCallback(err) {
          deferred.reject(err);
        };

       return deferred.promise;
    }
  };
}]);