Whenever I click on a page number, the corresponding results are not displayed. Below is an example of the code snippet:
<div class="col wrapper-sm w-md bg-auto dk r-r">
<div class="panel panel-default" ng-show="$parent.showPie === true;">
<div class="table-responsive">
<table class="table" ng-show="hashes[0]" id="placement">
<thead>
<th> Hash </th>
<th> MalwareFamily </th>
<th> Score </th>
<th> Counts </th>
</thead>
<tbody>
<tr dir-paginate="hash in hashes| itemsPerPage:20">
<td><a href="#/app/country/{{countryName}}/cCode/{{stateCode}}/hash/{{hash['hash']}}/inbox/info" >{{hash['hash']}} </a></td>
<td> {{hash['malFamily']}} </td>
<td> {{hash['malScore']}} </td>
<td> {{hash['hits']}} </td>
</tr>
</tbody>
</table>
</div>
<div id="content">
<dir-pagination-controls></dir-pagination-controls>
</div>
</div>
The controller responsible for populating data from services seems to be functioning correctly despite the issue:
function malPage(test) {
crudSrv.getResults(rootURL.url.baseURL + "global/country/" + $scope.stateCode + "/attacks/malware/hashes/" + test + "/", function(data, status) {
ngProgress.complete();
$scope.hashes = data;
var m = "placement";
$location.hash(m);
$anchorScroll();
});
}