在angular中，若需通过函数参数动态获取formgroup内指定控件的值，应使用方括号语法（controls[gotinput]）而非点号语法（controls.gotinput），否则将因属性名被当作字面量而非变量而报错。
在angular中，若需通过函数参数动态获取formgroup内指定控件的值，应使用方括号语法（controls[gotinput]）而非点号语法（controls.gotinput），否则将因属性名被当作字面量而非变量而报错。
在模板中传递参数时，例如：
<button (click)="callFoo('bar')">Click Me!</button>注意：此处 'bar' 是字符串字面量（即控件名），而非变量 bar —— 除非你明确希望传入变量值，否则应确保传入的是控件的键名（key），如 'email'、'username' 等。
对应 TypeScript 方法应改为：
callFoo(controlName: string): void {
const control = this.someFormGroup.controls[controlName];
if (control) {
console.log('Print:', control.value);
} else {
console.warn(`Form control '${controlName}' not found in FormGroup.`);
}
}✅ 关键点解析：
- this.someFormGroup.controls.gotInput 会尝试访问名为 gotInput 的固定属性（即字面量），但实际控件名是运行时传入的变量值（如 'bar'），因此必须用方括号表示动态属性访问；
- 建议添加空值校验，避免因传入不存在的控件名导致 undefined.value 报错；
- 类型安全提示：为 controlName 参数显式标注 string 类型，提升可维护性与 IDE 支持。
⚠️ 常见误区：
- 错误写法：controls.gotInput → TypeScript 会查找名为 gotInput 的属性，而非使用变量 gotInput 的值；
- 模板中误写 (click)="callFoo(bar)"（无引号）→ 若 bar 是未定义变量，将抛出 ReferenceError；应确认 bar 是组件属性，或直接传字符串键名。
? 进阶建议：
可封装为通用工具方法，或结合 get() 方法（推荐）进一步增强健壮性：
callFoo(controlName: string): void {
const control = this.someFormGroup.get(controlName);
if (control) {
console.log('Value:', control.value);
}
}FormGroup.get() 不仅支持嵌套路径（如 'address.city'），还对不存在路径返回 null 而非 undefined，语义更清晰，是 Angular 官方推荐的访问方式。
