কৌণিক UI বুটস্ট্র্যাপ - পৃষ্ঠা নির্দেশিকা
পরীক্ষা করে দেখুন UI 'তে বুটস্ট্র্যাপ এর পত্রাঙ্কন নির্দেশ । আমার বর্তমান ব্যবহারের জন্য পর্যাপ্ত বৈশিষ্ট্য রয়েছে এবং এটির সাথে পুরোপুরি পরীক্ষার নমুনা রয়েছে বলে এখানে যা পোস্ট করা হয়েছে তার চেয়ে আমি এটি ব্যবহার করে শেষ করেছি।
দৃশ্য
<!-- table here -->
<pagination
ng-model="currentPage"
total-items="todos.length"
max-size="maxSize"
boundary-links="true">
</pagination>
<!-- items/page select here if you like -->
নিয়ামক
todos.controller("TodoController", function($scope) {
$scope.filteredTodos = []
,$scope.currentPage = 1
,$scope.numPerPage = 10
,$scope.maxSize = 5;
$scope.makeTodos = function() {
$scope.todos = [];
for (i=1;i<=1000;i++) {
$scope.todos.push({ text:"todo "+i, done:false});
}
};
$scope.makeTodos();
$scope.$watch("currentPage + numPerPage", function() {
var begin = (($scope.currentPage - 1) * $scope.numPerPage)
, end = begin + $scope.numPerPage;
$scope.filteredTodos = $scope.todos.slice(begin, end);
});
});
আমি রেফারেন্সের জন্য একটি ওয়ার্কিং প্লঙ্কার তৈরি করেছি ।
উত্তরাধিকার সংস্করণ:
দৃশ্য
<!-- table here -->
<div data-pagination="" data-num-pages="numPages()"
data-current-page="currentPage" data-max-size="maxSize"
data-boundary-links="true"></div>
<!-- items/page select here if you like -->
নিয়ামক
todos.controller("TodoController", function($scope) {
$scope.filteredTodos = []
,$scope.currentPage = 1
,$scope.numPerPage = 10
,$scope.maxSize = 5;
$scope.makeTodos = function() {
$scope.todos = [];
for (i=1;i<=1000;i++) {
$scope.todos.push({ text:"todo "+i, done:false});
}
};
$scope.makeTodos();
$scope.numPages = function () {
return Math.ceil($scope.todos.length / $scope.numPerPage);
};
$scope.$watch("currentPage + numPerPage", function() {
var begin = (($scope.currentPage - 1) * $scope.numPerPage)
, end = begin + $scope.numPerPage;
$scope.filteredTodos = $scope.todos.slice(begin, end);
});
});
আমি রেফারেন্সের জন্য একটি ওয়ার্কিং প্লঙ্কার তৈরি করেছি ।