Отображение в формате HTML. Хранение данных в формате JSON angularjs

Question

Отображение в формате HTML. Хранение данных в формате JSON angularjs

0

Я просто хочу знать, как приятно отображать данные sessionSorage JSON в моем html

Мои данные хорошо хранятся в моем сеансе:

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>

Я не могу отображать свои данные. Есть идеи?

maevy 22 март 2016, в 17:58

Источник

Теги:

angularjs

json

sessionstorage

1 ответ

Ещё вопросы

Adam · Accepted Answer · 2016-03-22T13-23-00.000Z

Ваш код подразумевает, что элемент хранения сеанса по ключевым 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">

Спасибо @ Адам за ваше объяснение! Это именно так.