Angularjs Get Json from url

Question

First time trying to get json data and show it to my app using AngularJS, does not show any data, this is my code implemented

HTML

<div ng-app="myApp" ng-controller="customersCtrl"> 

<table>

    <td>{{ x.id }}</td>
    <td>{{ x.title }}</td>

</table>

</div>

</body>
</html>

Script

<script>
var app = angular.module('myApp', []);
app.controller('customersCtrl', function($scope, $http) {
    $http.get("http://example.com/api/get_page_index/")
    .then(function (response) {$scope.names = response.data.pages;});
});
</script>

Json content from url

 {
      "status": "ok",
      "pages": [
        {
          "id": 2,
          "type": "page",
          "slug": "sample-page",
          "url": "http:\/\/example.com\/",
          "status": "publish",
          "title": "example page",
          "content": "",
          "excerpt": "",
          "date": false,
          "modified": "2016-08-09 17:28:01",
          "comments": [],
          "attachments": [],
          },

First, are there any errors in your console? Second, what exactly do you want the result to look like? — Phil
– Phil, Commented Sep 13, 2016 at 3:07
no error on my console, i want display the results from all json file id and title — Max
– Max, Commented Sep 13, 2016 at 3:24

Sajeetharan · Accepted Answer · 2016-09-13 16:09:29Z

1

You can do this,

 <table>
    <thead>
      <tr>
        <th ng-repeat="(header, value) in results[0]">
          {{header}}
        </th>
      </tr>
    </thead>
    <tbody>
      <tr ng-repeat="row in results">
        <td ng-repeat="cell in row">
          {{cell}}
        </td>
      </tr>
    </tbody>
  </table>

WORKING DEMO

edited Sep 13, 2016 at 16:09

answered Sep 13, 2016 at 2:56

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

3 Comments

Max Over a year ago

it works, but It returns all the result of json. I just want the result of the title and the id from json

Max Over a year ago

Hi Sajeetharan, yes it works thanks!!! i have a questions if want to access to "author" from json and its children elements "name" what would be the right way? ` "author": { "id": 1, "name": "admin", "first_name": "", "last_name": "", "url": "", "description": "" }, `

Max Over a year ago

"pages": [       {        "id": 2,        "author": {           "id": 1,           "name": "admin",           "first_name": "",           "last_name": "",           "url": "",           "description": ""          },

Collectives™ on Stack Overflow

Angularjs Get Json from url

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related