angular - 使用变量名进行错误检查的语法

Question

我正在ngFor内部进行强制检查来构建动态输入字段。我已经使用field{{idxVar}}构建了名称，其中idxVar是索引，但是如何使用它来检查错误

<span [ngClass]="{'active' : field{{idxVar}}.errors}">*Mandatory</span>
<input type="text" [required]="itmVar.is_required ? 'required' : null" name="field{{idxVar}}" [(ngModel)]="user.customFields[idxVar]"
            #field{{idxVar}}="ngModel">

在上面，我知道这不是给出错误的正确方法，但想知道正确的语法

'active' : field{{idxVar}}.errors

Answer 1

对于* ngFor中的NgModel，您可以使用唯一的模板引用变量。每个输入字段都与相应的模板引用相关联，不需要数组索引。

<div *ngFor="let idxVar of valueArray">
  <span [ngClass]="{'active' : field.errors}">*Mandatory</span>
    <input type="text" name="field{{idxVar}}" [ngModel]="valueArray[idxVar]"
                #field="ngModel" (ngModelChange)="callback(field)">
    <div>{{ field.control.errors | json }}</div>
</div>

这是stackblitz代码 https://stackblitz.com/edit/angular-a4skhz