Що робить директива formArrayName?

AngularJunior~1 хв читання

formArrayName - директива, яка зв'язує частину шаблону з об'єктом FormArray усередині FormGroup.

Вона потрібна, коли форма містить динамічний список однотипних полів - наприклад, телефони, адреси, варіанти відповідей тощо.

Приклад:

typescript

form = new FormGroup({
  phones: new FormArray([
    new FormControl(''),
    new FormControl('')
  ])
});

html

<form [formGroup]="form">
  <div formArrayName="phones">
    <div *ngFor="let phone of form.get('phones')['controls']; let i = index">
      <input [formControlName]="i">
    </div>
  </div>
</form>

formArrayName вказує Angular, що всередині цього блока елементи належать FormArray, щоб він коректно зв'язував поля за індексом і відстежував їхній стан.

Коротка відповідь

Для співбесіди

Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.