下面是我的代碼ngtable分頁。在這個我的所有數據都加載在一個頁面中，即使我寫count：3和頁面：1

-2

下面是我的代碼ngtable分頁。下面是我的代碼ngtable分頁。在這個我的所有數據都加載在一個頁面中，即使我寫count：3和頁面：1

在此我所有的數據在一個頁面加載

只有甚至我寫數：3頁：1

我怎麼能實現分頁。

這是我曾嘗試到現在：

var app=angular.module("app",["ngTable"]); 
 
       app.controller("ctrl",["$scope","NgTableParams",function($scope,NgTableParams) 
 
        { 
 
        $scope.user=[ 
 
          {name:"anuradha",age:21,college:"NSIT"}, 
 
          {name:"ABV",age:22,college:"IIT"}, 
 
          {name:"ABCD",age:23,college:"KIT"}, 
 
          {name:"anuradha",age:24,college:"GIT"}, 
 
          {name:"POOJA",age:25,college:"SIT"}, 
 
          {name:"ABC",age:26,college:"NT"}, 
 
          {name:"abc",age:12,college:"abcd"}, 
 
          {name:"qwe",age:22,college:"opqr"}, 
 
          {name:"rty",age:45,college:"stiu"}, 
 
          {name:"uio",age:14,college:"abcfgh"}, 
 
          {name:"pas",age:19,college:"mnop"}, 
 
          {name:"dfg",age:16,college:"qrst"}, 
 
          ]; 
 
        $scope.table=new NgTableParams({page:1, count:3},{ 
 
        counts: [], 
 
        total: $scope.user.length, 
 
         
 
        getData: function (params) { 
 
         return $scope.user.slice((params.page() - 1) * 
 
         params.count(), params.page() * params.count()); 
 
         // console.log("user.length"); 
 
        }}); 
 
        
 
       }]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/ng-table/1.0.0/ng-table.js"></script> 
 
<body ng-app="app" ng-controller="ctrl"> 
 
      <table ng-table="table" show-filter=true class="table table-bordered table-striped"> 
 
       <tr ng-repeat="u in user"> 
 
        <td title="'NAME'" >{{u.name}} </td> 
 
        <td title="'AGE'">{{u.age}}</td> 
 
        <td title="'COLLEGE'">{{u.college}}</td> 
 
       </tr> 
 
      </table> 
 
      </body>

來源

2017-07-07 Anuradha Bagadi

，你的問題是什麼？ –

這裏工作的例子。你在js中有一些錯誤，並且你以錯誤的方式使用ngtableparams。

var app = angular.module("app", ["ngTable"]); 
 
app.controller("ctrl", ["$scope", "NgTableParams", function($scope, NgTableParams) { 
 
    $scope.users = [{ 
 
     name: "Madhav Sai", 
 
     age: 10, 
 
     location: 'Nagpur' 
 
    }, 
 
    { 
 
     name: "Suresh Dasari", 
 
     age: 30, 
 
     location: 'Chennai' 
 
    }, 
 
    { 
 
     name: "Rohini Alavala", 
 
     age: 29, 
 
     location: 'Chennai' 
 
    }, 
 
    { 
 
     name: "Praveen Kumar", 
 
     age: 25, 
 
     location: 'Bangalore' 
 
    }, 
 
    { 
 
     name: "Sateesh Chandra", 
 
     age: 27, 
 
     location: 'Vizag' 
 
    }, 
 
    { 
 
     name: "Siva Prasad", 
 
     age: 38, 
 
     location: 'Nagpur' 
 
    }, 
 
    { 
 
     name: "Sudheer Rayana", 
 
     age: 25, 
 
     location: 'Kakinada' 
 
    }, 
 
    { 
 
     name: "Honey Yemineni", 
 
     age: 7, 
 
     location: 'Nagpur' 
 
    }, 
 
    { 
 
     name: "Mahendra Dasari", 
 
     age: 22, 
 
     location: 'Vijayawada' 
 
    }, 
 
    { 
 
     name: "Mahesh Dasari", 
 
     age: 23, 
 
     location: 'California' 
 
    }, 
 
    { 
 
     name: "Nagaraju Dasari", 
 
     age: 34, 
 
     location: 'Atlanta' 
 
    }, 
 
    { 
 
     name: "Gopi Krishna", 
 
     age: 29, 
 
     location: 'Repalle' 
 
    }, 
 
    { 
 
     name: "Sudheer Uppala", 
 
     age: 19, 
 
     location: 'Guntur' 
 
    }, 
 
    { 
 
     name: "Sushmita", 
 
     age: 27, 
 
     location: 'Vizag' 
 
    } 
 
    ]; 
 
    $scope.usersTable = new NgTableParams({ 
 
    page: 1, 
 
    count: 5 
 
    }, { 
 
    counts: [5, 10, 20], 
 
    total: $scope.users.length, 
 
    dataset: $scope.users 
 
    }); 
 
}]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/ng-table/1.0.0/ng-table.js"></script> 
 
<link rel="stylesheet" ; href="https://unpkg.com/[email protected]/bundles/ng-table.min.css"> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
 

 
<body ng-app="app"> 
 
    <div ng-controller="ctrl"> 
 
    <table ng-table="usersTable" class="table table-condensed table-bordered table-striped"> 
 
     <tr ng-repeat="row in $data"> 
 
     <td data-title="'Name'">{{row.name}}</td> 
 
     <td data-title="'Age'">{{row.age}}</td> 
 
     <td data-title="'Location'">{{row.location}}</td> 
 
     </tr> 
 
    </table> 
 
    </div> 
 
</body>

來源

2017-07-07 07:09:38

下面是我的代碼ngtable分頁。在這個我的所有數據都加載在一個頁面中，即使我寫count：3和頁面：1

回答

相關問題