如何在angular-ui-bootstrap中使用ng-repeat创建分页？

<div ng-repeat="item in itemList">
  {{ item.name }}
</div>

<uib-pagination total-items="totalItems" ng-model="currentPage" ng-change="pageChanged()"></uib-pagination>

$scope.itemList = []; // 数据列表
$scope.totalItems = 0; // 总条目数
$scope.currentPage = 1; // 当前页码

$scope.pageChanged = function() {
  // 处理页码变化事件，例如从后台获取对应页码的数据
  // 可以使用$http服务或其他方式进行数据获取
};

$scope.pageChanged = function() {
  var startIndex = ($scope.currentPage - 1) * itemsPerPage;
  var endIndex = startIndex + itemsPerPage;

  // 从后台获取对应页码的数据
  // 可以使用$http服务或其他方式进行数据获取
  // 更新数据列表和总条目数
};