AngularJS: Журналы контроллеров Ответ на $ http как «undefined»

Question

Я хочу, чтобы мои данные ответа HTTP были доступны контроллеру, чтобы отображать данные JSON в представлении через директиву («{{hint}}»). Однако, хотя в контроллере я могу регистрировать данные с завода, данные не будут предоставляться в работоспособном виде.

Когда то, что предоставляется фабрикой, зарегистрировано в контроллере, оно либо «неопределено», либо «не является функцией». Из кода ниже, «неопределенные» регистрируется»

Пожалуйста, помогите мне прямо мои обиды Как очистить это, чтобы использовать данные .get завода в контроллере

Контроллер:?

var MainCtrl = angular.module('MainCtrl', []); 

MainCtrl.controller('Ctrl2', [ "QuizViewServ", '$log', '$scope', 
function(QuizViewServ, $log, $scope){ 


$scope.init = function(){ 
    $scope.hint = "FooBar"; //Testing binding bw Ctrl2 & the view 
    $log.log(QuizViewServ.getQuizData.quizQz); // <-LOGS AS "UNDEFINED" 
} 

}]); 

Фабрика:.

var MainServ = angular.module('MainServ', []); 

MainServ.factory('QuizViewServ', ['$http', function($http){ 
console.log("factory working"); 

var getQuizData = function(){ 

    $http({ 
     method: 'GET', 
     url: '/assets/json.json' 
    }).then(function successCallback(response) { 
     console.log("inside successgul GET req"); 


     var quizQz; 
     quizQz = response.data.quizQs; 
     console.log(quizQz); 


    }, function errorCallback(response) { 

     alert("Trouble grabbing requested data.") 
    }); 
    } 
    return { 
    getQuizData : getQuizData 
    } 

}]); 

Answer 1

$ HTTP использует обещания вернуть результат При использовании QuizViewServ.getQuizData.quizQz вы ло gging ничего, так как он асинхронен.

На вашей фабрике верните обещание, а в вашем контроллере обработайте его.

var MainServ = angular.module('MainServ', []); 

MainServ.factory('QuizViewServ', ['$http', function($http){ 
console.log("factory working"); 

var getQuizData = function(){ 

    return $http({ 
     method: 'GET', 
     url: '/assets/json.json' 
    }) 
    } 
    return { 
    getQuizData : getQuizData 
    } 

}]); 

и в контроллере

var MainCtrl = angular.module('MainCtrl', []); 

MainCtrl.controller('Ctrl2', [ "QuizViewServ", '$log', '$scope', 
function(QuizViewServ, $log, $scope){ 


$scope.init = function(){ 
    $scope.hint = "FooBar"; //Testing binding bw Ctrl2 & the view 

    QuizViewServ.getQuizData().then(function(result){ 
     $log.log(result.data); 
    }); 
} 

}]); 

Answer 2

Вы должны Retrun эти данные. Это невозможно, как вы это делаете. Также quizQz propertyt является частным. Вы не можете получить к нему доступ даже после того, как это значение было установлено после ajax-вызова.

var getQuizData = function(){ 

return $http({ 
    method: 'GET', 
    url: '/assets/json.json' 
}).then(function successCallback(response) { 
    console.log("inside successgul GET req"); 


    var quizQz; 
    quizQz = response.data.quizQs; 
    console.log(quizQz); 
    return quizQz; 

    }, function errorCallback(response) { 

    alert("Trouble grabbing requested data.") 
    return ''; 
}); 

}

и в контроллере, получить данные, как это.

QuizViewServ.getQuizData().then(function(data){ 
    console.log(data); 
});