Angular复选框显示来自其他记录的检查

<div *ngFor="let item of items">
  <input type="checkbox" [checked]="isSelected(item)" (change)="toggleSelection(item)">
  {{ item.name }}
</div>

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

@Component({
  selector: 'app-item-list',
  templateUrl: './item-list.component.html',
  styleUrls: ['./item-list.component.css']
})
export class ItemListComponent {
  items = [
    { id: 1, name: 'Item 1' },
    { id: 2, name: 'Item 2' },
    // ...其他项目
  ];
  selectedItems = [1]; // 假设ID为1的项目已经被选中

  isSelected(item) {
    return this.selectedItems.includes(item.id);
  }

  toggleSelection(item) {
    const index = this.selectedItems.indexOf(item.id);
    if (index > -1) {
      this.selectedItems.splice(index, 1);
    } else {
      this.selectedItems.push(item.id);
    }
  }
}