來自數據庫的數據未使用角度加載到頁面加載時的變量

Question

在頁面加載時，我從數據庫中獲取數據並將其置於$scope.x中。在我的網絡選項卡中，我從我的數據庫中獲取列表，但它沒有加載到我將很快需要在下拉列表中使用ng-repeat的變量。但是，頁面加載後，當我單擊一個按鈕來檢索數據並將其放入$scope.x中時，我已經獲得了這些值。如果我這樣做，我沒有得到頁面加載的值，只需點擊檢索數據到變量的按鈕，我什麼都沒有。我究竟做錯了什麼。下面是我的代碼：

$scope.addProject = function() { 
    debugger; 
    console.log($scope.clientList); 
    console.log($scope.userList); 
}; 

$scope.getClients = function() { 
    debugger; 
    $http.get('/Clients/GetClients') 
     .then(function (response) { 
      $scope.clientList = response.data; 
     }); 
}; 

$scope.getAllUsers = function() { 
    debugger; 
    $http.get('/User/GetAllUsers') 
     .then(function (response) { 
      $scope.userList = response.data; 
     }) 
}; 

$scope.getClients(); 
$scope.getAllUsers(); 
$scope.addProject(); 

Answer 1

數據從服務器返回之前addProject函數被調用的數據。

修改getClients和getAllUsers函數返回的承諾：

$scope.addProject = function() { 
    debugger; 
    console.log($scope.clientList); 
    console.log($scope.userList); 
}; 

$scope.getClients = function() { 
    debugger; 
    ̲r̲e̲t̲u̲r̲n̲ $http.get('/Clients/GetClients') 
     .then(function (response) { 
      $scope.clientList = response.data; 
     }); 
}; 

$scope.getAllUsers = function() { 
    debugger; 
    ̲r̲e̲t̲u̲r̲n̲ $http.get('/User/GetAllUsers') 
     .then(function (response) { 
      $scope.userList = response.data; 
     }) 
}; 

然後使用$q.all等待承諾：

var clientsPromise = $scope.getClients(); 
var allUsersPromise = $scope.getAllUsers(); 

$q.all([clientsPromise, allUsersPromise]) 
    .then(function() { 
    $scope.addProject(); 
}); 

Answer 2

你應該得到這樣的

var getclients= function(){ 

    debugger; 
    console.log($scope.clientList); 
    console.log($scope.userList); 
}; 


getclients();