在 HTML sessionStorage JSON 数据中显示 angularjs答案

【问题标题】：Display in HTML sessionStorage JSON datas angularjs在 HTML sessionStorage JSON 数据中显示 angularjs
【发布时间】：2016-07-09 15:17:35
【问题描述】：

我只想知道如何在我的 html 中很好地显示我的 sessionStorage JSON 数据

我的数据像这样很好地存储在我的 sessionStorage 中：

Bellow 是我的控制器

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>

我无法显示我的数据。有什么想法吗？

【问题讨论】：

标签： angularjs json sessionstorage

【解决方案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">

【讨论】：

感谢@Adam 的解释！正是如此。