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

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 设置为等于承诺响应。但是，我不断收到错误消息，如果我再看到一次，我会发疯：'TypeError: Cannot read property 'then' of undefined'。

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 本身返回一个承诺对象。 尝试关注。

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);
    })
  }
});