<div ng-app="myApp" ng-controller="customersCtrl">
table>
tr ng-repeat="x in names">
td>{{ x.Name }}</>{{ x.Country }}tr>
>
divscript type="text/javascript" src="js/angular.min.js"></script>
var app = angular.module('myApp,[]);
app.controller(customersCtrlfunction($scope,$http) {
$http.get("js/text.json)
.success((response) {$scope.names response.records;});
});
>
style>
table,th,td {
border: 1px solid grey;
border-collapse collapse
padding 5px;
}
table tr:nth-child(odd)
background-color #f1f1f1
table tr:nth-child(even) #ffffff}
>
="x in names | orderBy : 'Country'">
>{{ x.Country | uppercase }}>
td ng-if="$odd" style="background-color:#f1f1f1"="$even">