How to pull Django Rest Framework JSON format without array name in AngularJS?

Question

I have made a simple DRF page with the following output:

[
    {
        "id": 1, 
        "name": "Michel", 
        "city": "Florida", 
        "country": "United States"
    }, 
    {
        "id": 2, 
        "name": "Hasan", 
        "city": "London", 
        "country": "United Kingdom"
    }
]

I have the following code in HTML:

<script src="angular.min.js"></script>

<div ng-app="myApp" ng-controller="myCtrl">
    <ul>
        <li ng-repeat="x in info">
            {{ x.name + ', ' + x.country }}
        </li>
    </ul>
</div>

I have the following in a .js file:

var app = angular.module('myApp', []);

app.controller('myCtrl', function($scope, $http) {
    $http.get("localhost:8000/index/info/")
    .success(function(response) {
        $scope.info = response[array name was supposed to go here];
});

The tutorial that I am following is this, which has the whole data in a an array with an array name. They used the name after response, see the .js file code. My question is, how can I give a name to my array, or call this array without a name?

I have gone through these links guys. I think if I just figure my code out I can be confident to follow those tutorials. I feel that they are a bit too advanced for me. — MiniGunnR
– MiniGunnR, Commented Jun 3, 2015 at 15:24
It's unclear for me what you're trying to accomplish. Could you add some pseudo-code of the desired state? — Amir Tugi
– Amir Tugi, Commented Dec 1, 2015 at 20:17

Community · Accepted Answer · 2017-05-23 12:30:17Z

0

    $scope.projects = [];
$http.get('/api/projects/').success(function(data) {
    $scope.projects = data;
    console.log($scope.projects);

});

Source: Django and AngularJS - Sending query JSON data to Angular

edited May 23, 2017 at 12:30

CommunityBot

11 silver badge

answered Jun 3, 2015 at 14:15

chandu

1,0719 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

MiniGunnR Over a year ago

Tried this. The page tries loading for a long time and then it shows The webpage is not available. Same problem as before.

MiniGunnR Over a year ago

Made a mistake with the URL. Now it just shows {{ x.name + ', ' + x.country }}. :-/

Collectives™ on Stack Overflow

How to pull Django Rest Framework JSON format without array name in AngularJS?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related