AngularJS ($ http GET): $ scope.names всегда является пустым массивом, но вызов внутреннего интерфейса в порядке

Question

При вызове серверной части (GET / app / getNames) возвращается массив json.

Проблема в том, что $ scope.names в app.controller. js всегда остается пустым массив.

app.controller. js:

myApp.controller('myAppController', ['$scope','$http','myAppService',
        function($scope, $http, myAppService) {

            $scope.names = [];
            myAppService.getNames(function(response) {
                $scope.names = response;
            });

        } 
]);

app.service. js

myApp.service('myAppService', ['$http', function($http) {

    this.getNames= function() {
        return $http({
            method: 'GET',
            url: '/app/getNames',
         });
     }

}]);

Answer 1

Функция getNames() в вашем сервисе возвращает обещание, которое вы игнорируете. Вы вызываете функцию getNames() и передаете ей в качестве параметра другую функцию, которая является неверной.

Чтобы получить результат обещания, вы должны изменить код в вашем контроллере следующим образом:

$scope.names = [];
myAppService.getNames().then(function(response) {
    $scope.names = response;
});