データベースからのデータが、ページロード時の変数にロードされていません。

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