如何等待工廠函數完成並在Angular中處理輸出？

Question

我在我的工廠有一個函數需要第二個執行，我希望調用函數等待輸出完成之前console.log結果。當我運行getCases函數時，我沒有得到輸出，直到我再次點擊它。我想我使用我的承諾是錯誤的。

app.factory('cases', function ($q) { 
    return {  
     getCases: function() { 
      var defer = $q.defer(); 

      setTimeout(function(){ 
       output = 'aaaa'; 
       defer.resolve(output); 
      },1000); 

      return defer.promise; 
     } 
    }; 
}); 


function CaseloadCtrl($scope, cases){ 
    $scope.master = {}; 
    $scope.activePath = null; 

    $scope.getCases = function(){ 
     cases.getCases().then(function(data) { 
      console.log(data); 
     }); 
    }; 

} 

按鈕

<button ng-click="getCases()">load cases</button> 

Answer 1

編輯：

新小提琴

http://jsfiddle.net/chrislewispac/f18taw28/1/

你的版本相同的結果。

http://jsfiddle.net/chrislewispac/f18taw28/2/

代碼：

<div ng-app='myApp' ng-controller="MyCtrl"> 
<button ng-click="runFunc()">Run Func</button> 
</div> 

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

myApp.factory("cases", ['$q', '$timeout', function ($q, $timeout) { 
    return { 
     getCases: function() { 
     var defer = $q.defer(); 

     setTimeout(function(){ 
      output = 'aaaa'; 
      defer.resolve(output); 
     },500); 

     return defer.promise; 
     } 
    }; 
}]); 

myApp.controller('MyCtrl', function($scope, $q, cases) { 
    $scope.runFunc = function(){ 
     $q.when(cases.getCases()).then(function (result) { 
     console.log(result); 
    }); 
    }; 
});