表示は、私はちょうどきれいに私のhtmlで私のsessionStorage JSONデータを表示する方法を知りたい

Question

angularjs

マイ件のデータはよくそのように私のsessionStorageに格納されている

：

ベローは私のコントローラである

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

ベローは、私は私が私のデータを表示することはできませんよ、彼らに

<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> 

を表示しようとする方法です。何か案が ？

Answer 1

コードでは、セッション記憶アイテムのキーflightが配列であることを暗示しています。そうではありません。それは配列を指すflightsと呼ばれる最上位の（そして唯一の）キーを持つオブジェクトです。

これは、使用するコードです：

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

代わりの

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

また、あなたが同じJSを使用してあるためにあなたのビューを変更することができます：

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