angular - 如何在 Angular 5 或更高版本中以编程方式获取 formControlName

Question

需要知道，当表单中有多个控件并且您想知道用户更改了哪个控件以便您可以执行某些操作时。

<input formControlName="item_name" #itemName (input)="inputChanged(itemName)">

为什么我需要获取 formControlName？

如图所示，某些字段已编辑但未确认，这就是用户看到验证或取消该特定字段上的操作的选项的原因。这就是为什么我需要获取输入更改字段的 formControlName ，以便我只能显示该字段的选项。

我已经搜索了它的解决方案，但在stack-overflow上找不到，这就是为什么我决定发布这个问题并给出答案

Answer 1

从此输入字段获取formControlName

<input formControlName="item_name" #itemName (input)="inputChanged(itemName)">

你只需要获取属性formControlName

inputChanged(element: HTMLElement) {
  log(element.getAttribute('formControlName')) // item_name 
}