如何在Angular 2中使用动态创建的checkboxs过滤数据

<form>
  <div *ngFor="let option of filterOptions">
    <label>
      <input type="checkbox" [(ngModel)]="option.checked" (change)="filterData()">
      {{ option.label }}
    </label>
  </div>
</form>

export class MyComponent {
  filterOptions = [
    { label: 'Option 1', checked: false },
    { label: 'Option 2', checked: false },
    { label: 'Option 3', checked: false }
  ];

  data = [
    { name: 'Item 1', option: 'Option 1' },
    { name: 'Item 2', option: 'Option 2' },
    { name: 'Item 3', option: 'Option 3' }
  ];

  filterData() {
    const selectedOptions = this.filterOptions.filter(option => option.checked);
    if (selectedOptions.length === 0) {
      // 如果没有选中任何选项，则显示所有数据
      this.filteredData = this.data;
    } else {
      // 根据选中的选项过滤数据
      this.filteredData = this.data.filter(item => selectedOptions.some(option => option.label === item.option));
    }
  }
}