2016-03-22 10 views
0

Ich will nur wissen, wie schön in meinem html meine session JSON-Daten anzuzeigenAnzeige in HTML session JSON Daten AngularJS

Meine Daten sind gut in meiner session so gespeichert:

enter image description here

Bellow ist mein Controller

app.controller('optionController', ['$scope', function($scope) { 
    var myObject = JSON.parse(sessionStorage.getItem("flight")); 
    $scope.getItemSS = myObject; 
    }; 
}]) 

Bellow ist, wie ich versuche, sie

<section ng-controller="optionController"> 
    <ul ng-repeat="data in getItemSS"> 
     <li>From <strong>{{ data.departure }}</strong></li> 
     <li>To <strong>{{ data.destination }}</strong></li> 
     <li>Departure at <strong>{{ data.time.departure }}h</strong></li> 
     <li>Arrival at <strong>{{ data.time.destination }}h</strong></li> 
     <li>For <strong>{{ data.firstName }} {{ data.lastName }}</strong></li> 
     <li>Only for <strong>{{ data.price }}€</strong></li> 
     <p>Congratulation, you confirmed your flight! An email has been sent to your email <strong>{{ data.email }}</strong></p> 
    </ul> 
</section> 

Ich bin nicht in der Lage angezeigt werden meine Daten anzuzeigen. Irgendeine Idee ?

Antwort

2

Ihr Code besagt, dass das Sitzungsspeicherelement nach Schlüssel flight ein Array ist - das ist es nicht. Es ist ein Objekt, dessen oberster (und einziger) Schlüssel flights heißt, der auf ein Array zeigt.

Dies ist der Code, den Sie verwenden möchten:

<ul ng-repeat="data in getItemSS.flights"> 
+0

Thank:

var myObject = JSON.parse(sessionStorage.getItem("flight")); $scope.getItemSS = myObject.flights; 

statt

var myObject = JSON.parse(sessionStorage.getItem("flight")); $scope.getItemSS = myObject; 

Alternativ könnten Sie die gleiche JS und ändern Sie Ihre Ansicht verwenden Sie @Adam für Ihre Erklärung! Es ist genau das. – maevy