Не удается найти элемент управления с неопределенным именем, динамические форматы

Question

У меня есть список строк, называемых listcontrols, для каждой из этих строк мне нужно сделать formarray. Я хочу отобразить это в моем html, и метка этого отображения должна быть строкой, которая находится в listcontrols.

В моем console.log я вижу, что formArray создан и имеет то же самое написание, что и я, так что это не может быть проблемой, но мой HTML жалуется:

"Не удается найти элемент управления с неопределенным атрибутом имени"

Я пытался использовать [formArrayName], а также formArrayName без скобок, я также пытался поместить свое значение в строки или в {{}}, но ничего не работает: s

<div class="formgroup" *ngFor="let listValue of listControls; let i = index" [formArrayName]=listValue>
  <div [formGroupName]="i">
    <label>{{ listValue }}</label>
  </div>
</div>

Это у меня в тс:

addList(){
  this.packageTypeForm.addControl(this.packageTypeForm.controls.list.value, this.formBuilder.array([]));
  this.listControls.push(this.packageTypeForm.controls.string.value);
  console.log(this.packageTypeForm.controls);
}

Answer 1

Нашел, в моем addList () я опечатка должна быть this.listControls.push (this.packageTypeForm.controls.string.value);