Angular ngClass устанавливается динамически

Question

Я использую Angular 9.

Вопрос

Как мне заполнить следующее:

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

Как видите , У меня жестко запрограммировано 'userName[0][0]'. Можно ли заменить значения 0 на переменные i и j?

У меня есть следующее:

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}">