javascript - 如何将表单控制器名称及其值传递给 Angular 10 中的函数?
问题描述
我想在下面的 Angular 输入字段上发生 focusout 事件时获取 formControllerName 及其值。我有一个包含大量输入字段的表单,如下例所示。所以,我想对表单控制器的所有输入字段进行一些操作。所以,我想尝试类似的东西
(focusout)="passdataFunction(formControlName , formControlName.value)"
<mat-form-field appearance="outline">
<mat-label>Designation<span class="redColor">*</span></mat-label>
<input matInput formControlName="Delegate_designation" id="Delegate_designation" #Delegate_designationValue placeholder="Designation in the Company">
</mat-form-field>
解决方案
使用你的FormGroup
(你必须在某个地方):
(focusout)="passdataFunction(formGroup.get('formControlName'))"
这将为您提供AbstractControl
.
推荐阅读
- android - 使用替换选项“In Selection”时,Android Studio 会自动取消选择所有文本
- android - 在 Room Android 中插入实体一对多关系
- angular - Material Design Bootstrap Carousel 出现在 Angular 应用程序中,但不切换图像
- javascript - 如何在提交带有按钮的表单之前检查单选按钮?
- c# - 当我在 Rider 中编译 C# 程序时,我在 Mac OS X 中收到“dotnet crashed”消息
- c# - 将图片插入现有形状
- visual-studio-code - 切换/打开另一个文件时,VS 代码新更新不保留打开的文件(选项卡)
- c# - Ajax 调用失败但在调试时没有抛出错误
- swift - UITextView 样式在我更改字距时重置
- wordpress - RainMaker 到 WordPress 导入