Angular类型化表单控件类型不识别，触发no-unsafe-member-access报错

问题出在你通过动态字符串模板account_${1}访问表单控件时，TypeScript无法推断这个动态键的具体类型，导致this.myForm.controls[dynamicKey]被识别为any类型，触发了no-unsafe-member-access规则警告。以下是几种可行的解决方法：

方法1：明确类型断言 #

先将动态生成的键断言为表单接口的合法键，再将控件断言为对应的FormControl类型，让TypeScript明确值的类型：

// 限定动态键为sampleForm的合法键类型
const controlKey = `account_${1}` as keyof sampleForm;
// 断言控件类型后再获取value
const t = (this.myForm.controls[controlKey] as FormControl<string>).value;

方法2：封装类型安全的获取函数 #

写一个通用工具函数，利用泛型确保键的合法性和控件类型的正确性：

function getTypedFormControl<T, K extends keyof T>(formGroup: T, key: K): T[K] {
  return formGroup.controls[key];
}

// 使用时传入断言后的合法键
const t = getTypedFormControl(this.myForm, `account_${1}` as keyof sampleForm).value;

方法3：直接访问控件（场景允许时） #

如果动态生成的键对应的控件是确定的，直接通过属性访问而非索引访问，完全规避类型问题：

const t = this.myForm.controls.account_1.value;

另外注意你代码中的拼写错误：表单初始化时的accounte_2应该是account_2，需和接口定义保持一致，避免潜在的表单结构不匹配问题。

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