以下是一个使用Angular实现通过复选框筛选网格数据的示例代码：

首先，创建一个名为"grid.component.ts"的组件文件，并添加以下代码：

import { Component } from '@angular/core';

@Component({
  selector: 'app-grid',
  templateUrl: './grid.component.html',
  styleUrls: ['./grid.component.css']
})
export class GridComponent {
  data = [
    { name: 'John', age: 25 },
    { name: 'Jane', age: 30 },
    { name: 'Bob', age: 35 },
    { name: 'Alice', age: 40 }
  ];

  filteredData = [];

  filterData(event) {
    const checked = event.target.checked;

    if (checked) {
      this.filteredData = this.data.filter(item => item.age >= 30);
    } else {
      this.filteredData = this.data;
    }
  }
}

然后，创建一个名为"grid.component.html"的模板文件，并添加以下代码：

Grid Data


  
  Filter by age 30 and above



  

    

      
Name
      
Age
    
  
  

    

      
{{ item.name }}
      
{{ item.age }}
    
  

最后，将"GridComponent"添加到需要使用的模块中，并在应用中使用该组件。

这个示例中，我们创建了一个名为"data"的数组，其中包含一些名字和年龄的对象。我们还创建了一个名为"filteredData"的数组，用于存储筛选后的数据。在"filterData"方法中，我们根据复选框的状态来筛选数据，如果复选框被选中，我们只显示年龄大于等于30的数据，否则显示全部数据。在模板中，我们使用ngFor指令来遍历并显示筛选后的数据。