Взаимодействие с Django Restful API с помощью Angularjs

Question

Я пытаюсь взаимодействовать с моим Django Restful API с помощью $ resource, но когда я пытаюсь получить или запрос, он возвращает> 7000 элементов. Это как если бы он возвращал каждую букву/компонент апи индивидуально. Я также попытался использовать '/api/projects.json/' (следуя Учебнику Angularjs) и '/ api/projects /? Format = json' для запроса api, но я получаю тот же результат. Что мне не хватает?

Моя_служба:

(function(){ 
angular 
    .module('userdash.projects.services') 
    .factory('ProjectServ', ProjectServ); 

ProjectServ.$inject = ['$resource']; 

function ProjectServ($resource){ 
    return $resource('api/projects/', {},{ 
     create: {method: 'POST'}, 
     get: {method: 'GET', isArray:false}, 
     remove: {method: 'DELETE'}, 
     update: {method: 'PUT'} 
    }) 
} 
})(); 

---

Мой контроллер:

(function(){ 

angular 
    .module('userdash.projects.controllers') 
    .controller('ProjectController', ProjectController); 

ProjectController.$inject = ['$scope','ProjectServ']; 

function ProjectController($scope, ProjectServ){ 
    ProjectServ.get().$promise.then(function(data){ 
     $scope.projects = ProjectServ.get(); 
    }); 
} 

---

Моя директива HTML:

<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main" ng-controller="ProjectController"> 
<div class="row"> 
    <div class="col-md-4" ng-repeat="project in projects"> 
     <h2>Heading</h2> 
     <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p> 
     <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p> 
    </div> 
</div> 

Answer 1

Прежде всего, вам не нужно указывать каждый метод, если вы используете те по умолчанию. Используйте $resource('api/projects/') вместо:

function ProjectServ($resource){ 
    return $resource('api/projects/', {},{ 
     create: {method: 'POST'}, 
     get: {method: 'GET', isArray:false}, 
     remove: {method: 'DELETE'}, 
     update: {method: 'PUT'} 
    }) 
} 

Во-вторых, и решить вашу проблему, вы должны назначить переменную данных, которая поставляется в обещании локальном массиве, как это:

function ProjectController($scope, ProjectServ){ 
    ProjectServ.get().$promise.then(function(data){ 
     $scope.projects = data; 
    }); 
} 

Ура!