Parsen von JSon-Daten in AngularJS von $http-Aufruf

Ich bin sehr neu in web-Entwicklung und AngularJS. Ich versuche, eine Webseite zu schreiben, dass automatisch eine Aktualisierung des info basiert auf JSon-Dateien, die sitzt auf meinem server. Ich kann die json-Daten, aber ich kann nicht scheinen, um eine Analyse der Daten kommen. Ich überprüfte die json-Daten nur um sicherzustellen, dass ich war das schreiben es richtig, aber angezeigt, wenn ich es auf der Website zeigt lediglich wie eine einzige Zeichenkette. Ich bin nicht in der Lage, den Zugriff auf die einzelnen Mitglieder. Meine Fabrik-und-controller finden Sie unten. Jede Hilfe wäre sehr dankbar!!

var MyController = function($scope, $log, MyFactory) {
    $scope.notes =[];

function init() {
    MyFactory.getNotes()
        .success(function(notes){
            $scope.notes = JSON.parse(notes);
        })
        .error(function(data, status, headers, config) {
                $log.log(data.error + ' ' + status);
            });
}

    init();

angular.module('MyApp')
    .controller('MyController', MyController);
};

Und Werk:

    var MyFactory = function($http) {
    var factory = {};
    factory.getNotes = function() {
        return $http.get('/ci/data.json');
    };
return factory;
};

angular.module('MyApp').factory('MyFactory', 
                                    MyFactory);

Ich zugeben, dass der code und die Frage ist grob, aber ich habe gerade erst begonnen. Keine weitere Hilfe auf Architektur und Stil würde geschätzt werden, wie gut! Vielen Dank im Voraus!

Können Sie uns ein Beispiel für die json-response?
Zum Beispiel, [{"name":"matt","Alter":32},{"name":"dave","Alter":29}]. Es würde drucken Sie es aus einfach so. Wenn ich geschickt, dass der $Umfang dann versuchte Zugriff auf sagen, den Namen, es würde funktionieren. Es wird nur drucken Sie die gesamte Zeichenfolge.
Haben Sie Anführungszeichen, um die ganze Sache in den Daten.json-Datei? Das würde die ganze Sache nur ein json-string, denke ich.
Ich denke auch, Gewinkelt, sollte das Parsen von json-selbst, wenn es erkennt die Antwort ist json-Daten, so dass Sie nicht brauchen zu tun, die manuelle JSON.analysiert werden können. Ein schneller Weg, um zu sehen, was Los wäre, zu versuchen, Konsole.log(Noten) in Ihrer Erfolgs-Funktion und sehen, was tatsächlich übergeben bekommt (ein string oder ein Objekt)
NÖ. Ich habe gerade es um die Methoden und Variablen

InformationsquelleAutor Edited Content | 2014-04-20

  1. 6

    1. Brauchen Sie nicht zu analysieren, die Antwort als json. Wenn das sourcefile ist, geben Sie gültige json, angular kennt seinen json.

    2. In Ihrem controller, versuchen console.log($scope.notes). Wenn die Verwendung von google chrome, erhalten Sie die json Ergebnisse ziemlich gedruckt in der Konsole Sie wissen, dass Ihr factory arbeitet.

    3. Eine eckige forEach zu Durchlaufen, das Ergebnis etwas zu tun mit es.

      angular.forEach($scope.notes, function(note) {
    console.log(note);
});

    InformationsquelleAutor aludvigsen

  2. 0

    Keine Notwendigkeit zu analysieren..
    verwenden Sie einfach Ihre $Umfang.Notizen in der Sie loop -

    <div ng-repeat="note as notes">
    <p>{{name}}</p>
    <p>{{age}}</p>
</div>

    InformationsquelleAutor Suresh Ratten

  3. 0

    Können Sie angular.fromJson(jsondata) zu Parsen von http-Ergebnis.
    Bisher war ich immer Ungültiger json-Daten aus der http-Antwort, einige "\ Zeichen gab es in der json-Daten, so dass ich analysiert mit dies und es funktionierte für mich, es entfernt alle diese ungültigen Zeichen aus meinem json-Daten.

    InformationsquelleAutor SachiN Ware.

  4. 0

    Für diejenigen, die noch brauchen dies, Suresh s Antwort ist in die richtige Richtung, aber das war der code ganz falsch (zumindest für Angulare 1)

    So, während Sie versuchen, analysieren von Daten wie:

    {"1":{"id":"1","owner":"1","name":"Server","description":"This is my test server.","version":"1.11","type":"0","ip":"test.com","port":"25565"},"2":{"id":"2","owner":"1","name":"Test Server","description":"This is my test server.","version":"1.0","type":"2","ip":"test.com","port":"25565"}

    Ich habe folgende Anfrage BEKOMMEN:

    .controller('serversController', function($scope, $http){
  $http.get("/dashboard/api/?action=getServers&key=")
  .then(function(response){
    $scope.servers = response.data;
  });
});

    und den folgenden HTML-Code:

    <div ng-repeat="server in servers">
    <p>{{server.id}}</p>
    <p>{{server.name}}</p>
    <p>{{server.version}}</p>
</div>

    InformationsquelleAutor SamJakob

Schreibe einen Kommentar