angular - 如何从模板访问当前的 FormControl

Question

我正在使用 Angular 8 和 Reactive Forms。

在我的模板中，我有如下代码:

<input type="text" 
class="form-control" formControlName="name" 
placeholder="name" 
[class.is-invalid]="validationError(formControl)" />

想法是，如果 validationError 为“truthy”，则在输入元素中添加红色边框。

无法将对 FormControl 的引用传递给 validationError 函数。请注意，我在表单中有很多数组，因此模板引用(即#name)可能很棘手。有没有一种简单的方法可以从模板中获取对由 formControlName 指定的当前表单控件的引用？

Answer 1

你可以通过从表单中获取它来传递控件。:

[class.is-invalid]="validationError(form.get('name'))"