Angular ngClass动态设置

Question

我使用的是Angular 9。

问题

如何填充以下内容：

[ngClass]="{'is-invalid': approvalEditFormGroup.get('userName[0][0]').touched && approvalEditFormGroup.get('userName[0][0]').invalid}"

正如你所看到的，我已经硬编码了'userName[0][0]'。是否可以用i和j变量替换0值？

我有以下内容：

html

<input formControlName="{{getFieldName(i,j)}}" matInput [matAutocomplete]="auto" [ngClass]="{'is-invalid': approvalEditFormGroup.get('userName[0][0]').touched && approvalEditFormGroup.get('userName[0][0]').invalid}">

ts

public getFieldName(i: number, j: number): string {
return 'userName['+i+']['+j+']';
}

Answer 1

现在i和j只是字符串的一部分，因此需要使用实际的i和j值

<input formControlName="{{getFieldName(i,j)}}" matInput [matAutocomplete]="auto" [ngClass]="{'is-invalid': approvalEditFormGroup.get('userName['+i+']['+j+']').touched && approvalEditFormGroup.get('userName['+i+']['+j+']').invalid}">