// define the module for our AngularJS application var app = angular.module('App', []); // invoke controller and retrieve data from $http service app.controller('DataController', function ($scope, $http) { $http({ url: 'https://mysafeinfo.com/api/data?list=presidents&format=json&case=lower&token=test', dataType: 'json', method: 'GET', data: '', headers: { "Content-Type": "application/json" } }). success(function (data) { $scope.presidents = data }) });
<div ng-app="App" ng-controller="DataController"> <table> <thead> <tr style="font-weight: bold"> <th align="left" width="50">ID</th> <th align="left" width="215">Name</th> <th align="left" width="200">Party</th> <th align="left">Term</th> </tr> </thead> <tbody> <tr ng-repeat="p in presidents"> <td>{{p.id}}</td> <td>{{p.fullname}}</td> <td>{{p.party}}</td> <td>{{p.terms}}</td> </tr> </tbody> </table> </div>