AngularJS控制器承諾然后不是函數

Question

我在控制器中無法兌現諾言。

Plunker編輯器樣本

這是帶有模塊，控制器和工廠的代碼，當我調用Factory並等待響應時，All的工作效率會降低。

我在控制台中遇到錯誤“然后不是函數”，但我不知道代碼中有什么問題

angular
    .module('sampleApp', [])
    .controller('SampleController', SampleController)
    .factory('myFactory', myFactory);

////////// FACTORY
    function myFactory () {

    var task = {
      getData : getData,
      counter:  0
    };

    return task;


    // Implementation details //
    // ---------------------- //

    function getData () {
      task.counter ++;
      var response = "FakeData";
      return response;
    }
  }

////////// CONTROLLER
  function SampleController (myFactory, $log) {
    $log.info("Sample controller initialized");

    var vm = this;
    vm.title = "SampleView";
    vm.callFactory = callFactory;
    vm.factoryResponse;

    callFactory();

    // Implementation details //
    // ---------------------- //

    function callFactory () {

      myFactory.getData()
      .then(function (data) {
        vm.factoryResponse = data;
        return vm.factoryResponse;

      })
      .catch(function () {
        $log.error("Ups! We cannot complete the request :(");
      });
    }
  }

Answer 1

因為您的工廠方法getData返回string 。 如果要使用then ，則您的方法需要返回$promise 。 像這個矮人 ：

////////// FACTORY
function myFactory ($q) {

var task = {
  getData : getData,
  counter:  0
};
var defer = $q.defer();

return task;


// Implementation details //
// ---------------------- //
function getData (randomParameter) {
  task.counter ++;
  var secondString = ", sample factory value"
  var response = randomParameter + secondString;
  defer.resolve(response);
  return defer.$promise;
}}

有關角度$ q的更多信息