Как передать объект массива в методе $ http.get в angularjs

Question

Я хочу передать объект Array в $http.get(). Раньше вся информация хранилась в файле data.json, но я не хочу использовать файл. Хотите определить массив объекта как $scope.data в контроллере. Пожалуйста найти DEMO http://plnkr.co/edit/X5ZC3UGey4Zjos7W01U1?p=preview

Рабочая DEMO http://plnkr.co/edit/o6EeKnC8oFEq3GCRsQgp?p=preview здесь мы используем data.json. Я хочу, чтобы определить данные внутри data.json в контроллере, Plz скажите мне, как дд

.controller('QuestionCtrl', ['$scope', '$http', function ($scope, $http) { 
    $scope.questions = []; 
    $scope.data = { 
    "questions": [ 
    { 
     "question": "Qw1", 
     "answers": [ 
     { 
      "answers": "An1", 
      "value": 25 
     }, 
     { 
      "answers": "An2", 
      "value": 50 
     }, 
     { 
      "answers": "An3", 
      "value": 75 
     }, 
     { 
      "answers": "An4", 
      "value": 100 
     } 
     ] 
    }, 
    { 
     "question": "Qw2", 
     "answers": [ 
     { 
      "answers": "An1", 
      "value": 25 
     }, 
     { 
      "answers": "An2", 
      "value": 50 
     }, 
     { 
      "answers": "An3", 
      "value": 75 
     }, 
     { 
      "answers": "An4", 
      "value": 100 
     } 
     ] 
    } 
    ] 
} 
    $http 
    .get(JSON.stringify($scope.data)) 
    .then(function(response){ 
     $scope.questions = response.data.questions; 
    }); 
}]) 

Answer 1

Я использую это, и он прекрасно работает для меня

$http.get('url', {params: yourArray}).then(function (result) { 
    //do sth with data 
}); 

Answer 2

HTTP GET запрос не может содержат данные для отправки на сервер. Вы можете добавить строку запроса в запрос. $http опция для этого params.

$http({ 
    url: 'example.com', 
    method: "GET", 
    params: {...} 
}); 

Answer 3

Вам не нужно использовать $ http.get(), если данные непосредственно доступны в контроллере.

You can use $scope.data instead of $scope.questions. ie in your html file use 
{{data.questions[0].question}} 
<h2>answer 1</h2> 
<p>{{data.questions[0].answers[0].value}}</p> 
<p>{{data.questions[0].answers[0].answers}}</p> 

Answer 4

Я попробовал этот путь, и это работает прекрасно: Например, в контроллере у вас есть какие-либо массив как обр переменной

var data = Array; 
    data['Id'] = "1"; 
    data['Name'] ="Test User"; 
    data['UserName'] = "test_user"; 
    data['Email'] = "test@gmail.com"; 
    data['Address'] = "Test Address"; 
    data['Action'] = 'Create'; 

Чтобы передать этот массив, который вы можете использовать, как это

$scope.users = data; 

Контроллер отправляет страницу с массивом в виде переменной users , и вы можете использовать что-то вроде этого

ng-repeat="user in users" 

Примечание: это будет работать для двухмерного массива и одномерного массива.

Answer 5

AngularJS имеет $http сервис, чтобы получать данные асинхронно. Таким образом, он может возвращать любые типы данных (переменная, массив, строка).

Лучше хранить данные в каком-то общем месте. Позвольте мне показать завод шаблон, который используется для обмена данными между контроллерами.

Сначала необходимо создать yourFactory.js файл и записать следующий код:

(function() {  
    var yourFactory = function() { 
     var persons = [ 
       { 
        id: 1,      
        name: 'Jon',      
       }, 
       { 
        id: 2,      
        name: 'Ben',      
       }, 
       { 
        id: 3,      
        name: 'Joseph',      
       }, 
       { 
        id: 4,      
        name: 'Adam',      
       } 
     ]; 

     var factory = {}; 
     factory.getPersons = function() { 
      return persons; 
     }; 
     return factory; 
    }; 

    angular.module('personsApp').factory('personsFactory', yourFactory); 

}()); 

и некоторые контроллер может использовать данные (просто создать новый .js файл для следующего контроллера):

(function() 
{  
    debugger; 
    var yourController=function($scope, yourFactory) { 
       /*alert('a1');*/ 
       debugger;     

       function init() { 
        debugger; 
        $scope.yourData=yourFactory.getPersons(); 
       }   
       init(); 
      };  


    yourController.$inject=['$scope', 'yourFactory']; 

    angular.module('yourAppl').controller('yourController', yourController); 

}());