分页在模板中不起作用

Question

When i click on page number it doesn't display the corresponding results. Here is a sample of code.

<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>

Corresponding controller is where am populating data from services, service is giving right data:

 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();
 });

}

Answer 1

I fixed it using id concept. Below is my code how i fixed this issue.

<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" pagination-id="hash">
                    <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 pagination-id="hash"></dir-pagination-controls>
    </div>
</div>