如何禁用FormArray中指定的customRegStartDate FormControl

你之前的代码失效原因在于对FormArray的结构理解有误，以下是正确的解决方案：

问题分析 #

1. 你的customDetails是FormArray，而非单个FormGroup，因此不能直接通过customDetails.customRegStartDate的路径获取控件，必须通过索引定位到数组内具体的FormGroup。
2. 第二种遍历方式仅遍历了表单的顶层控件（key为customDetails），无法匹配到嵌套的customDetails.customRegStartDate路径，逻辑完全不成立。

正确实现方式 #

方式一：禁用FormArray中所有项的customRegStartDate控件 #

遍历FormArray内的每个FormGroup，定位到目标控件后禁用：

// 遍历所有customDetails中的FormGroup
this.customDetailsFormArray.controls.forEach((formGroup) => {
  formGroup.get('customRegStartDate')?.disable();
});

方式二：禁用FormArray中指定索引项的customRegStartDate控件 #

如果你只需要禁用某一个特定位置的控件（比如第一个）：

// 定位到索引为0的FormGroup（可根据需求修改索引值）
const targetFormGroup = this.customDetailsFormArray.at(0) as FormGroup;
targetFormGroup.get('customRegStartDate')?.disable();

额外注意事项 #

• 检查你的customDetailsFormArray getter方法：当前代码中写的是this.shippingLocationDetailsUpdateForm.get('customDetails')，但你定义的表单实例是this.myform，这里可能是笔误，需修正为this.myform.get('customDetails')，否则无法正确获取FormArray。
• 如果禁用控件时不想触发值变更事件，可以添加参数：disable({ emitEvent: false })。

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