我使用的代码来自UI Bootstrap主页上的示例:
<uib-pagination total-items="totalItems" ng-model="currentPage" ng-change="pageChanged()"></uib-pagination>
控制器看起来像这样:
$scope.currentPage = 1; $scope.totalItems = 160; $scope.pageChanged = function() { console.log('Page changed to: ' + $scope.currentPage); };
以下是我所包含的不同需求来源:
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" /> <script src="https://code.angularjs.org/1.4.8/angular.js"></script> <script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-1.0.3.js"></script>
最奇怪的是我创建了一个复制我的代码的工具,它的工作原理!你可以在这里看到:http://plnkr.co/edit/4DoKnRACbKjLnMH5vGB6
有人会想到任何可能导致这种不起作用的想法吗?我在这边抓我的头,不能想到有什么明显的我做错了吗?
全力帮助!