无法在 AngularJS 中显示来自会话存储的 JSON 个对象

Question

我在显示会话存储中名为 "currentSet" 的 JSON 对象时遇到问题。当我改用文件夹中的 JSON 文件时，一切正常，这意味着 HTML 代码可能没问题。我已将问题缩小到 $scope.set 或 loadQuiz-function 并尝试了几件事，但无法让它工作。这是控制器的相关部分：

    $scope.set = angular.fromJson(sessionStorage.getItem('currentSet')); //doesn't work
    //$scope.set = 'data/konflikter.js'; //works

    $scope.defaultConfig = {
        'autoMove': true,
        'pageSize': 1,
        'showPager': false
    }

    $scope.onSelect = function (question, choice) {
          question.choices.forEach(function (element, index, array) {
            question.Answered = choice;
          });

        if ($scope.defaultConfig.autoMove == true && $scope.currentPage < $scope.totalItems) {
            $scope.currentPage++;
        }
        else {
            $scope.onSubmit();
        }
    }

    $scope.onSubmit = function () {
        var answers = [];
        $scope.questions.forEach(function (question, index) {
            answers.push({'questionid': question._id, 'answer': question.Answered});
        });
        $http.post('https://fhsclassroom.mybluemix.net/api/quiz/submit', answers).success(function (data, status) {
            $location.path('/');
        });
    }

    $scope.pageCount = function () {
        return Math.ceil($scope.questions.length / $scope.itemsPerPage);
    };

    $scope.loadQuiz = function (data) {
        $http.get(data)
         .then(function (res) {
             $scope.name = res.data.name;
             $scope.questions = res.data.questions;
             $scope.totalItems = $scope.questions.length;
             $scope.itemsPerPage = $scope.defaultConfig.pageSize;
             $scope.currentPage = 1;

             $scope.$watch('currentPage + itemsPerPage', function () {
                 var begin = (($scope.currentPage - 1) * $scope.itemsPerPage),
                   end = begin + $scope.itemsPerPage;

                 $scope.filteredQuestions = $scope.questions.slice(begin, end);
             });
         });
    }
    $scope.loadQuiz($scope.set);

Answer 1

好的，我知道出了什么问题，您正在加载文件，因此您需要获取文件 - 或导入它以获取内容，这就是它适用于您的原因：

$scope.set = 'data/konflikter.js'; //works but combined with http request

如果您希望从 dataStorage 传递数据，您需要将 loadQuiz 更改为不具有这样的 http 请求：

$scope.loadQuiz = function (res) {
    $scope.name = res.data.name;
    $scope.questions = res.data.questions;
    $scope.totalItems = $scope.questions.length;
    $scope.itemsPerPage = $scope.defaultConfig.pageSize;
    $scope.currentPage = 1;

    $scope.$watch('currentPage + itemsPerPage', function () {
        var begin = (($scope.currentPage - 1) * $scope.itemsPerPage),
            end = begin + $scope.itemsPerPage;

        $scope.filteredQuestions = $scope.questions.slice(begin, end);
    });
}

Answer 2

在@pegla 的帮助下，我解决了这个问题：

$scope.loadQuiz = function () { 

        $scope.set = angular.fromJson(sessionStorage.getItem('currentSet'));

        $scope.questionsetid = $scope.set.questions[0].questionsetid;
        $scope.name = $scope.set.name;
        $scope.questions = $scope.set.questions;
        $scope.totalItems = $scope.set.questions.length;
        $scope.itemsPerPage = $scope.defaultConfig.pageSize;
        $scope.currentPage = 1;

        $scope.$watch('currentPage + itemsPerPage', function () {
             var begin = (($scope.currentPage - 1) * $scope.itemsPerPage),
               end = begin + $scope.itemsPerPage;

             $scope.filteredQuestions = $scope.questions.slice(begin, end);
        });
    }

    $scope.loadQuiz();

无法在 AngularJS 中显示来自会话存储的 JSON 个对象

Can't display JSON-objects from session-storage in AngularJS

javascript

html

angularjs

json

angularjs-scope