由dir-paginate angularJs创建的每个表行的行号

时间:2016-09-02 06:38:50

标签: javascript angularjs dirpagination

如何为dir-paginate angularJs创建的每个表行设置行号。 我使用双向代码但两种方式有错误和设置错误。

第一种方式:

    <tr dir-paginate='customer in Customers| itemsPerPage: 10'>
        <td>{{rowNum=(rowNum+1)}}</td>
        <td>{{customer.fName}}</td>
        <td>{{customer.lName}}</td>
    </tr>

<script>
 (function(){
    var app = angular.module('customerApp', ['angularUtils.directives.dirPagination']);
    app.controller('customer', ['$scope', '$http',  function($scope, $http){
        $scope.rowNum = 1;
   }]);
})();
</script>

第二种方式:

<tr dir-paginate='customer in Customers| itemsPerPage: 10'>
        <td>{{getRowNum()}}</td>
        <td>{{customer.fName}}</td>
        <td>{{customer.lName}}</td>
    </tr>

<script>
 (function(){
    var app = angular.module('customerApp', ['angularUtils.directives.dirPagination']);
    app.controller('customer', ['$scope', '$http',  function($scope, $http){
        $scope.rowNum = 1;
        $scope.getRowNum = function(){
            return ++$scope.rowNum;
        };
   }]);
})();
</script>

为什么我不能从函数和ng-bind中增加$scope.rowNum

1 个答案:

答案 0 :(得分:3)

我认为{{$ index + 1}}应该有用

带索引+分页的图片 - &gt; {{(currentPage-1)* pageSize + $ index + 1}} enter image description here