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

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

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

为什么我需要获取formControlName？

正如您在图像中看到的那样，某些字段已被编辑但未确认，这就是为什么用户看到用于验证或取消对该特定字段的操作的选项的原因。这就是为什么我需要获取输入更改后的字段的formControlName以便只显示该字段的选项的原因。



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

最佳答案

从此输入字段中获取formControlName

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

您只需要获取属性formControlName

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