JSON verilerini bir değişkene depolayın

Question

AngularJS'de yeniyim. JSON dosya verilerini fabrikada bulunan bir değişkene yüklemek istiyorum.

myApp.factory('quizFactory', function() { 
    var questions = [ 
     { 
      "setId":1, 
      "question":"What is the value of the 7 in the following number? 850,765", 
      "options": ["70", "7", "7000", "700"], 
      "answer": 3 
     }, 
     { 
      "setId":2, 
      "question":"Is 7 & 9 even or odd?", 
      "options": ["Even", "Odd", "Can't Say", "Dont know"], 
      "answer": 1 
     }, 
     { 
      "setId":3, 
      "question":"In the number 5,281,946 what is the value of the 3rd place?", 
      "options": ["100", "10,000", "1,000,000", "1,000"], 
      "answer": 0 
     }, 
     { 
      "setId":4, 
      "question":"Is 12 + 50 even or odd?", 
      "options": ["Even", "Odd", "Can't Say", "Dont know"], 
      "answer": 0 
     }, 
     { 
      "setId":5, 
      "question":"What does the 3 represent in the number below? 3051", 
      "options": ["3", "30", "300", "3000"], 
      "answer": 3 
     } 
    ]; 

    return { 
     getQuestion: function(id) { 
      if(id < questions.length) { 
       return questions[id]; 
      } else { 
       return false; 
      } 
     } 
    }; 
}); 

Yukarıdaki kod, app.js dosyasında depolanır ve JSON dosyam yukarıdakiyle aynıdır.

[ 


{ 
     "setId":1, 
     "question":"What is the value of the 7 in the following number? 850,765", 
     "options": ["70", "7", "7000", "700"], 
     "answer": 3 
    }, 
    { 
     "setId":2, 
     "question":"Is 7 & 9 even or odd?", 
     "options": ["Even", "Odd", "Can't Say", "Dont know"], 
     "answer": 1 
    }, 
    { 
     "setId":3, 
     "question":"In the number 5,281,946 what is the value of the 3rd place?", 
     "options": ["100", "10,000", "1,000,000", "1,000"], 
     "answer": 0 
    }, 
    { 
     "setId":4, 
     "question":"Is 12 + 50 even or odd?", 
     "options": ["Even", "Odd", "Can't Say", "Dont know"], 
     "answer": 0 
    }, 
    { 
     "setId":5, 
     "question":"What does the 3 represent in the number below? 3051", 
     "options": ["3", "30", "300", "3000"], 
     "answer": 3 
    } 
]; 

this question da denedim.

Answer 1

json dosyasını okumak için $http'u kullanabilirsiniz. Örneğin.

angular.module('yourmodule') 
.factory('jsonResourceService', ['$http', 
function($http) { 
    var jsonResourceService = {}; 

    jsonResourceService.load = function(callback) { 
    $http.get('path/data.json').success(function(data) { 
     callback(data); 
    }); 
    return jsonResourceService; 


} 
]); 

ve bu gibi denetleyicisinden diyoruz:

$http.get('someFile.json').success(function(data) {  
     questions = data; 
    });  

Answer 2

Böyle Fabrikanızı yeniden tanımlayabilirsiniz

 $scope.objectsArray = []; 

    jsonResourceService.load(function(data) { 
$scope.objectsArray; 
}); 

Answer 3

Ben fabrika değişkene JSON verilerini eklemek istiyorsanız Bir denetleyicideki bazı özel isteklerde, ne anlama geliyorsa, o zaman $http tercih edilebilirdir:

Bağımlılığın fabrikasını fabrikaya enjekte etmeniz gerektiğini ve evet, verilerin elle ayrıştırılması gerekli olmadığına dikkat edin, Angular otomatik olarak bunlara bakacaktır.