在构建国际站充值系统时，阿里云提供以下核心优势：

• 全球基础设施：依托21个地域的63个可用区，确保全球用户低延迟访问
• 企业级安全：金融级数据加密与DDoS防护保障交易安全
• 弹性计算能力：ECS实例秒级扩容应对高并发支付请求
• 多币种支持：无缝集成国际支付网关，支持12种主流货币结算

结合AngularJS的数据绑定能力与Bootstrap的响应式布局，可构建高性能的跨平台支付界面。

针对充值记录分页的特殊需求：

1. AngularJS分页指令

<div ng-app="rechargeApp" ng-controller="PaginationCtrl">
  <!-- 分页控件 -->
  <ul class="pagination">
    <li ng-class="{disabled: currentPage === 1}">
      <a ng-click="setPage(1)">«</a>
    </li>
    <li ng-repeat="page in pageRange" ng-class="{active: page === currentPage}">
      <a ng-click="setPage(page)">{{ page }}</a>
    </li>
    <li ng-class="{disabled: currentPage === totalPages}">
      <a ng-click="setPage(totalPages)">»</a>
    </li>
  </ul>
  
  <!-- 数据表格 -->
  <table class="table table-hover">
    <tr ng-repeat="record in pagedData">
      <td>{{record.transactionId | aliTransactionCode}}</td>
      <td>{{record.amount | currency:record.currency}}</td>
      <td>{{record.timestamp | aliDate}}</td>
    </tr>
  </table>
</div>

<script>
angular.module('rechargeApp', [])
.controller('PaginationCtrl', function($scope) {
  // 模拟阿里云API返回数据
  $scope.allData = [...]; 
  
  // 分页配置
  $scope.itemsPerPage = 10;
  $scope.currentPage = 1;
  
  // 计算总页数
  $scope.totalPages = Math.ceil($scope.allData.length / $scope.itemsPerPage);
  
  // 生成页码范围
  $scope.getPageRange = function() {
    const rangeSize = 5; // 显示5个页码
    let start = Math.max(1, $scope.currentPage - 2);
    let end = Math.min($scope.totalPages, start + rangeSize - 1);
    return Array.from({length: end-start+1}, (_,i) => start+i);
  };
  
  // 设置当前页
  $scope.setPage = function(page) {
    if(page < 1 || page > $scope.totalPages) return;
    $scope.currentPage = page;
    updatePagedData();
  };
  
  // 更新分页数据
  function updatePagedData() {
    const start = ($scope.currentPage - 1) * $scope.itemsPerPage;
    $scope.pagedData = $scope.allData.slice(start, start + $scope.itemsPerPage);
  }
  
  // 初始化
  $scope.$watch('allData', updatePagedData);
});
</script>