如何在角度工厂和控制器之间使用承诺？

Question

厂：

function thingyFactoryFunction($http) {
    return {
      search: function(city, state) {
        $http({
          method: 'POST',
          url: 'http://localhost:7500/search',
          data: {city: city, state: state}
        }).then(function successCallback(res) {
          return res
        })
      }
    }
  }

这是我的控制器。我希望控制器只是从上面的工厂获取响应，因此我可以将vm.thing设置为等于promise响应。但是，我不断得到错误，如果我再看一次我要去berzerk：'TypeError：无法读取属性'然后'未定义'。

function thingyIndexControllerFunction(thingyFactory) {
    var vm = this;
    vm.city;
    vm.state;
    vm.search = function() {
      thingyFactory.search(vm.city, vm.state).then(function(res) {
        console.log(res);
      })
    }
  }

Answer 1

您的工厂/服务搜索方法没有返回任何内容。你试图访问.then（）什么都没有（未定义）。 $ http本身返回一个promise对象。试试以下。

app.factory('thingyFactory', function($http) {
  return {
    search: function(city, state) {
      //This will return promise object.
      return $http({
        method: 'POST',
        url: 'http://localhost:7500/search',
        data: {
          city: city,
          state: state
        }
      });
    }
  }
});

在控制器中，

app.controller('thingyIndexController', function($scope, thingyFactory) {
  var vm = this;
  vm.search = function() {
    var promise = thingyFactory.search(vm.city, vm.state);
    //after promise resolved then() method get called
    promise.then(function(res) {
      console.log(res);
    })
  }
});