如何用服務填充變量值（AngularJS）

Question

調用服務後，我的變量沒有值。我定義的成功，函數作爲一個單獨的功能，並把它稱爲在.then()方法，下面的代碼：

// Code inside the Ctrl: 
var successData = null; 
vm.fillVar = null; 
vm.loadData = loadData; 

// service func 
function loadData() { 
    return $timeout(function() { 
     vm.fillVar = vm.fillVar || []; 

     if (vm.fillVar == undefined || vm.fillVar.length == 0) { 
      CrudSvc.GetAllData().$promise.then(success, error); 

      console.log('Success Variable: ', successData); //--> here, the successData variable contains no data 
      vm.fillVar = successData; 
      console.log('fillVar for the view: ', vm.fillVar); //--> fillVar is empty, why?? 
     } 
    }, 500); 
} 

// success func 
function success(res) { 
    console.log('var res: ', res); //--> res contains data 
    successData = res; 
    console.log('success func: ', successData); //--> the variable contains data 
} 

我不明白爲什麼successData變量調用成功函數之後空。這有點令人困惑......有沒有人可以解決這個問題？

Answer 1

此代碼是異步CrudSvc.GetAllData().$promise.then(success, error);所以如果你想在那之後執行的東西，你應該更改您的代碼：

CrudSvc.GetAllData().$promise.then(success, error).then(function(){ 
    // this code is executed after all the previous code is done and succeed 
    console.log('Success Variable: ', successData); 
    vm.fillVar = successData; 
    console.log('fillVar for the view: ', vm.fillVar); 
}); 

你可以閱讀有關then鏈HERE

當時的方法返回一個承諾，允許方法鏈接。

編輯

如果你想處理錯誤的情況簡單地使用reject功能如下：

CrudSvc.GetAllData().$promise.then(success, error).then(function(){ 
    // this code is executed if previous success 
}, function(){ 
    // this code is executed if previous error 
}); // This is how you do further error handling via this approach 

Answer 2

// Code inside the Ctrl: 
var successData = null; 
vm.fillVar = null; 
vm.loadData = loadData; 

// service func 
function loadData() { 
    return $timeout(function() { 
     vm.fillVar = vm.fillVar || []; 

     if (vm.fillVar == undefined || vm.fillVar.length == 0) { 
      CrudSvc.GetAllData().$promise.then(function(response) { 
successData = response; 
    console.log('Success Variable: ', successData); //--> here, the success variable now contains no data 
      vm.fillVar = successData; 
      console.log('fillVar for the view: ', vm.fillVar); //--> fillVar is empty, why?? 
}, function(error) { 
}); 


     } 
    }, 500); 
}