stackblitz 示例 我正在使用以下數據對象創建復選框列表：data = [ { Key: "class_id", displayName: "Section ID", enabled: true }, { Key: "room_l4", displayName: "Location", enabled: false }, { Key: "section", displayName: "Section", enabled: true }, { Key: "section_2", displayName: "Section 2", enabled: true }, { Key: "campus", displayName: "Description", enabled: true } ] 當用戶選擇復選框時，我想將“啟用”從 false 更改為 true，反之亦然。單擊提交按鈕后，我想以現在的方式控制臺記錄數據對象，除了“啟用”字段的更改值。例如，如果用戶取消選中 data[0].enabled 的復選框，那么我的預期結果將是： data = [ { Key: "class_id", displayName: "Section ID", enabled:false }, { Key: "room_l4", displayName: "Location", enabled: false }, { Key: "section", displayName: "Section", enabled: true }, { Key: "section_2", displayName: "Section 2", enabled: true }, { Key: "campus", displayName: "Description", enabled: true } ] app.component.tsimport { Component, OnInit } from '@angular/core';import { FormGroup, FormControl } from '@angular/forms';@Component({selector: 'my-app',templateUrl: './app.component.html',styleUrls: [ './app.component.css' ]})export class AppComponent implements OnInit {myForm: FormGroupname = 'Angular';data = [  { Key: "class_id", displayName: "Section ID", enabled: true },  { Key: "room_l4", displayName: "Location", enabled: false },  { Key: "section", displayName: "Section", enabled: true },  { Key: "section_2", displayName: "Section 2", enabled: true },  { Key: "campus", displayName: "Description", enabled: true }  ]  onSubmit(e){  console.log(e)  }  ngOnInit() {  this.myForm = new FormGroup({  name: new FormControl('valu'),  });  }  }app.component.html    <form  [formGroup]="myForm" (ngSubmit)="onSubmit(myForm)">     <ul class="list-group list-group-flush" *ngFor="let a of data">        <li class="list-group-item">          <input            formControlName="name"             (click)="onSubmit()"            type="checkbox"            [checked]="a.enabled"          />          {{ a.displayName }}        </li>      </ul>      <button>Submit</button>      </form>