Edit in JSFiddle

// 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',
        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.nm}}</td>
                <td>{{p.pp}}</td>
                <td>{{p.tm}}</td>
            </tr>
        </tbody>
    </table>
</div>