無法在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 

如果您希望從數據存儲傳遞數據，你需要改變你的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();