angular 5：获取嵌套的FormControl元素引用

Question

我需要编写以下代码行来访问模板中的嵌套表单控件，这会导致我的模板文件出现问题，因为这是一个很大的字符串。

this.fromGroupName.controls[i].controls[i]controls.maxPersonCount.valid

我们可以通过fromGroupName直接获取嵌套表单控件引用吗？

Answer 1

您可以使用ControlValueAccessor，以便将嵌套表单分解为其组件。看看这个example以获得一个想法

OR

在component.ts文件中创建访问各个控件的函数，并在模板文件中使用这些函数。看看这个example 你会在我的* component.ts文件中看到一个函数

quantitiesFormArray(index) {
 return (this.form.get('ingredients') as FormArray).controls[index].get('quantities');
}

在我的模板中我这样使用

quantitiesFormArray(i).hasError('exceededApprovedQuantity')