$ scope не обновляется

Question

Ситуация подобна приведенному ниже коду. Я хочу изменить значение $ scope.pizzaList и $ scope.selectedPizza при вызове функции, но, похоже, это не изменится. Я думаю, что это что-то с глубиной $ scope, но я не понимаю. Как обновить эти значения? Заранее спасибо!

$scope.pizzaList = "some initial value"; 
$scope.selectedPizza = "some initial value"; 

$scope.setPizzaStatus = function (setStatus) { 

    $http.post('url1', { userID: $scope.pizzaioloID, pizzaID: $scope.selectedPizzaID, statusNum: setStatus }). 
    then(function(response) { 

     $http.get("url2") 
     .success(function (response) { 
      $scope.pizzaList = response; 
     }); 

     $http.get("url3") 
     .success(function (response) { 
      $scope.selectedPizza = response[0]; 
     }); 

    }, function(response) { 

     console.log("Error"); 
    }); 
} 

$scope.pizzaList // doesn't get updated 
$scope.selectedPizza // doesn't get updated 

Answer 1

Try использование $q.all():

$q.all([ 
    $http.get("url2"), 
    $http.get("url3") 
]).then(function(values){ 
    $scope.pizzaList = values[0]; 
    $scope.selectedPizza = values[1];//or values[1][0], It depends on data format; 
}, function(error){ 
    //error processing; 
}); 

Не забудьте добавить $q службу к контроллеру;

Answer 2

Когда вы делаете запрос Get, ваш код Javascript входит в «другую задачу». Поэтому иногда текущий объем не обновляется, как ожидалось. Попробуйте обновить область с помощью вызова «Применить», как это:

$http.get("url2") 
.success(function (response) { 
    $scope.pizzaList = response; 
    $scope.$apply(); //or $scope.$applyAsync(); 
}) 

Answer 3

Путь ваш код написан, я не ожидал бы значение $ scope.pizzaList, изменились между моментом, когда вы установите его и при оценке его в конце. Он будет изменяться только при вызове метода setPizzaStatus(), и даже тогда он будет изменяться только после сообщения в url1, а get from url2 вернулся с вашего сервера.