wie der Zugriff auf Wert aus Objekt zurückgegeben-service in Winkel?

Ich habe einen service, der gibt ein den tatsächlichen Daten. aber wenn ich es in den controller, die Daten zurückgeben Struktur ist ein bisschen verwirrend.

hier ist mein Werk:

JS:

app.factory("studentService", ['$http','$q','$localstorage','$state', 
    function($http,$q,$localstorage,$state) {

 return{
      getStudentsFrom : function(index){
                 return $http.get(app.baseUrlServer + app.getStudentsUrl + '/getbasedonindex/'+index)
                    .then(function(response){
                        if (response.data) {
                            return response.data;
                        } else {
                            //invalid response
                            return $q.reject(response.data);
                        }
                    },function(response){
                        //invalid response
                        return $q.reject(response.data);
                    });
            }
 }

}]);

Hier ist mein controller, es ruft

JS:

var app_ctrl = angular.module('app.controllers');

app_ctrl.controller('BrowseController',['$scope','$state', 'studentService', '$localstorage', 
	function($scope,$state, studentService, $localstorage, $timeout) {
  
   $scope.noMoreItemsAvailable = false;
 //$scope.NumOfRows=studentService.getNumOfRows();

  $scope.students = [];
  $scope.counter=1;

console.log(studentService.getStudentsFrom($scope.counter));

  

}]);

und hier ist, was ich bekomme.

JS:

Promise {$$state: Object, then: function, catch: function, finally: function}
$$state: Object
status: 1
value: Array[1]
0: Object
length: 1
__proto__: Array[0]
__proto__: Object
__proto__: Object

Die Frage ist, wie kann ich den Zugriff auf den Wert?, Dank

InformationsquelleAutor Bilal Bayasut | 2015-05-23
  1. 4

    Die Funktion $http.Holen Sie sich zurück ein Versprechen, die Sie brauchen, um es auf diese Weise :

    studentService.getStudentsFrom($scope.counter).then(
    function(result) {
       console.log(result);
    }
);

    sehen https://docs.angularjs.org/api/ng/service/$http
    oder
    https://docs.angularjs.org/api/ng/service/$q

    • Das habe ich getan, aber ich brauche Zugriff auf das Ergebnis außerhalb der then () - block. Ich habe versucht, Sie zu passieren, um array, aber es versäumt, dem füllen der array-Variablen, wenn ich versuche, darauf zuzugreifen, die außerhalb der then () - block
    • Olivier ist richtig. Die Einnahme dieses einen Schritt weiter, werden Sie erkennen, dass Ihre service-code ist überflüssig.
    • studentService.getStudentsFrom($scope.counter).then( function(result) { $scope.students = result; } ); Nicht funktioniert?
    • leider funktioniert es nicht, u können es versuchen, Oliver : ). es funktioniert, wenn Sie die Konsole.log() in der then () - block. aber außerhalb.. dein $Umfang.Studenten bleibt leer, und es wird zuerst ausgeführt
    • das problem ist, Sie denken immer noch das problem, wie traditionelle blockierenden code. Ein asynchroner Aufruf kann nicht wieder Zeug, um den ursprünglichen Aufrufer, müssen Sie die Verwendung von callback-besser ein Versprechen, das einmal getan, mit der async-Aufruf erhalten Sie ausgeführt, aber von den ursprünglichen Aufrufer beendet seine Ausführung.
    • können Sie mir ein Beispiel dafür?
    • href="https://www.youtube.com/watch?v=hf1T_AONQJU&feature=youtu.sein" >youtube.com/watch?v=hf1T_AONQJU&feature=youtu.werden

    InformationsquelleAutor Olivierodo
  2. 0

    bevor Sie erkunden den $http verspricht und asynchrone Aufrufe weiter, ich denke, Sie haben können, dieses Problem zu beheben:
    von var app_ctrl = angular.module('app.controllers');

    zu diesem var app_ctrl = angular.module('app.controllers', []);

    angularjs docs: "Die leere
    array in eckigen.module('myApp', []). Dieser array die Liste der
    Module myApp hängt davon ab."

    InformationsquelleAutor Shehryar Abbasi
Schreibe einen Kommentar