In AngularJS ng-repeat directive is perfect for displaying tables.
Multiple records will bind in table row.
<div ng-app=”myApp” ng-controller=”usersCtrl”>
<table>
<tr ng-repeat=”x in names”>
<td>{{ x.userName }}</td>
<td>{{ x.userCountry }}</td>
</tr>
</table>
</div>
<script>
var app = angular.module(‘myApp’, []);
app.controller(‘usersCtrl’, function($scope, $http) {
$http.get(“http://www.yoursite.com/api/users.php”)
.success(function (response) {$scope.names = response.records;});
});
</script>
$http is an AngularJS service for reading data from remote servers.
