Как загрузить объекты JSON в отдельные глобальные переменные, используя AngularJS?

Question

Я изучаю AngularJS, и у меня есть один файл JSON с данными, которые я хочу загрузить в отдельные переменные. В моем файле JSON есть два объекта/массивы: «views» и «addressbook». Я могу привязать данные к $ scope.variabale в html, но это не то, что я ищу. Я хотел бы загрузить представления и адресную книгу в «представления var» и «var adressbook», поэтому я могу получить к ним доступ с помощью jquery.

Мой JSON:

{ 
    "myData": { 
     "views": [ 
      { 
       "view": "Nieuwe activiteit", 
       "link": "index.html", 
       "active": true 
      }, 
      { 
       "view": "Activiteiten", 
       "link": "activiteiten.html", 
       "active": false 
      } 
     ],"adresboek": [ 
      { 
       "Voornaam": "Ruben", 
       "e-mail": "ruben@e-mail.com", 
       "mobiel": "0612345678", 
       "hasFacebook": true, 
       "hasTwitter": true 
      }, 
      { 
       "Voornaam": "Roos", 
       "e-mail": "roos@e-mail.com", 
       "mobiel": "0612345677", 
       "hasFacebook": true, 
       "hasTwitter": true 
      } 
     ] 
    } 
} 

Что я пытаюсь получить:

var alldata = $http.get('data/data.json').then(function(res) { 
    var views = res.data.mydata.views; 
    var adresbook = res.data.mydata.adresbook; 
}); 

Я хотел бы, чтобы связать данные, как так: $ scope.views = alldata.views; $ scope.contacts = alldata.addressbook;

Любая помощь приветствуется :)

Answer 1

Вы можете получить доступ к глобальной области JavaScript в любой момент с помощью ссылки на объект окна. Обязательно используйте $ apply в угловом, если вы изменяете данные вне углового дайджеста. В вашем примере:

var alldata = $http.get('data/data.json').then(function(res) { 
    window.alldata = { 
     "views": res.data.mydata.views, 
     "addressbook": res.data.mydata.adresbook 
    }; 
}); 

Теперь Вы можете получить доступ к данным в JQuery, например .:

console.log(window.alldata.views); 

Answer 2

Почему именно вы хотите поместить эти переменные в глобальной области/окна? Обычно это не рекомендуется. Вы можете подумать о создании Угловой службы. Служба позволяет вам получать доступ к переменным в разных модулях.

В контексте вашего кода, где возникает этот запрос $ http.get?

EDIT: В ответ на ваш комментарий:

Хорошо, попробовать что-то вроде этого?

myApp.controller('getData', function($http){ 
    this.onLoad: function(){ 
    $http.get('data/data.json').then(function(res) { 
     $scope.views = allData.views; 
     $scope.contacts = allData.addressBook; 
    } 
    }; 
    this.onLoad(); 
}; 

Когда вы впервые создаете экземпляр своего углового контроллера, он вызывает функцию loadData и задает переменные переменной $ scope.

(Я не проверял ваш код $ http, я просто скопировал то, что у вас было).