Angular表单问题：slide-toggle始终勾选，表单无法获取值

看起来你遇到了Angular表单中slide-toggle组件全部处于勾选状态的问题，结合你提供的代码片段和对patchValue()（推测你说的patchFor()是笔误）的怀疑，我整理了几个最可能的问题点和排查方案：

一、最常见的坑：共用单个FormGroup导致状态同步 #

如果你的模板是用*ngFor循环渲染slide-toggle，但所有组件都绑定了同一个activeHomeboxPForm的active控件，那必然会出现"一个勾选全选"的情况——因为它们共享同一个表单控件的状态。

解决方案：改用FormArray存储独立表单 #

每个slide-toggle应该对应一个独立的FormGroup，用FormArray来管理这些表单：

// 初始化时改用FormArray包裹多个表单
activeHomeboxPForm: FormGroup = this.fb.group({
  packages: this.fb.array([])
});

populateFormHomeboxP() {
  this.hsP.homeboxPGetAll().subscribe(homeboxsp => {
    this.homeboxsp = homeboxsp;
    const packagesArray = this.activeHomeboxPForm.get('packages') as FormArray;
    packagesArray.clear(); // 先清空旧数据

    // 为每个package创建独立的FormGroup
    homeboxsp.forEach(pkg => {
      packagesArray.push(this.fb.group({
        active: [pkg.active || false, Validators.required], // 用后端返回的active值初始化，默认false
        homeboxpackage_id: [pkg.id, Validators.required]
      }));
    });
  });
}

// 给模板提供便捷的FormArray getter
get packagesFormArray() {
  return this.activeHomeboxPForm.get('packages') as FormArray;
}

对应的模板修改：

<form [formGroup]="activeHomeboxPForm">
  <div formArrayName="packages">
    <div *ngFor="let pkgForm of packagesFormArray.controls; let i = index" [formGroupName]="i">
      <mat-slide-toggle formControlName="active">
        {{homeboxsp[i].name}}
      </mat-slide-toggle>
      <input type="hidden" formControlName="homeboxpackage_id">
    </div>
  </div>
</form>

二、数据类型不匹配导致误判 #

如果后端返回的active字段是字符串类型（比如"true"/"false"），而slide-toggle需要布尔值，直接赋值会导致非空字符串被Angular视为true，从而全部勾选。

解决方案：转换数据类型 #

在赋值时显式转换为布尔值：

// 在创建FormGroup时处理
packagesArray.push(this.fb.group({
  active: [pkg.active === 'true' || pkg.active === true, Validators.required],
  homeboxpackage_id: [pkg.id, Validators.required]
}));

如果是单独用patchValue赋值：

// 错误示例：直接赋值字符串
this.someForm.patchValue({ active: pkg.active });
// 正确示例：转换为布尔值
this.someForm.patchValue({ active: Boolean(pkg.active) });

三、初始值设置不合理 #

你当前给active控件设置的初始值是空字符串''，虽然Angular对空值的处理通常是false，但显式设置初始值为false可以避免歧义：

// 初始化时明确设置默认值
'active': new FormControl(false, Validators.required),

四、排查步骤建议 #

1. 检查模板绑定：确认每个slide-toggle是否绑定了独立的FormControl，而非共用同一个。
2. 打印数据验证：在subscribe中console.log(homeboxsp)，查看每个item的active字段值和类型，确认是否本身就是全true。
3. 单个控件测试：单独创建一个独立的FormControl绑定slide-toggle，手动设置true/false，验证组件本身是否正常工作。
4. 检查patchValue逻辑：如果确实使用了patchValue，确认循环赋值时有没有错误地将所有控件设为true。

内容的提问来源于stack exchange，提问作者OnnaB