在 HTML sessionStorage JSON datas angularjs 中显示
Display in HTML sessionStorage JSON datas angularjs
我只想知道如何在 html
中很好地显示我的 sessionStorage JSON 数据
我的数据很好地存储在我的 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>
我无法显示我的数据。有什么想法吗?
您的代码暗示 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">
我只想知道如何在 html
中很好地显示我的 sessionStorage JSON 数据我的数据很好地存储在我的 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>
我无法显示我的数据。有什么想法吗?
您的代码暗示 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">