1. 在组件中声明一个数组来存储所有数据和一个变量以跟踪已选中的数据：

public data: any[];
public selectedItems: any[] = [];

2. 在HTML模板中创建一个可以全部选择或取消选择的复选框，并循环遍历数据以创建每个项目的选择复选框：

  

    

      
      {{ item.name }}
    
    
{{ item.description }}
  

3. 创建一个方法来处理选择所有或取消选择所有的数据：

selectAll(event) {
  this.selectedItems = [];

  if (event.target.checked) {
    this.data.forEach(item => {
      item.selected = true;
      this.selectedItems.push(item);
    });
  } else {
    this.data.forEach(item => {
      item.selected = false;
    });
  }
}

4. 创建分页器并在每次更改分页时重新计算所选项目：

onPageChange(pageNumber) {
  const start = (pageNumber - 1) * this.pageSize;
  const end = start + this.pageSize;
  this.selectedItems = [];
  this.data.slice(start, end).forEach(item => {
    if (item.selected) {
      this.selectedItems.push(item);
    }
  });
}