Невозможно добавить formGroup в FormArray - PullRequest
0 голосов
/ 04 октября 2018

Я не могу добавить группу угловых реактивных форм в FormArray.См. Код ниже.

Home.ts

ngOnInit(){
    this.myForm = this.formBuilder.group({
      items: this.formBuilder.array([])
    });
    this.addItemsToForm(); 

    console.log("form----- "+JSON.stringify(this.myForm.value))
  }

addItemsToForm(){
    const arrayControl = <FormArray>this.myForm.get('items')
    arrayControl.push(
      this.formBuilder.group({
        hazardStatus: ["dsad"],
      })
    )
  } 

Home.html

<form [formGroup]="myForm">
  <div formArrayName="items">

   <div *ngFor="let model of items; let k = index;" no-padding style="background-color:transparent">
      {{items.length}}
      <div [formGroupName]="k">
          {{items.length}}
          <ion-item>
              <ion-label item-left stacked>
                  {{model.hazardStatus}}
              </ion-label>
          </ion-item>
      </div>
    </div>
  </div>
</form>

Мои журналы показываетзначение формы {"items":[{"hazardStatus":"dsad"}]}

Однако форма не отображается.

...