javascript - 我无法从 Angular6 中的 FormArray 获取值

Question

我无法获取表单数组数据。在这里，我在一个表单组和一个表单数组中使用两个字段。现在我想从表单组和表单数组中获取所有数据。建议解决此错误的解决方案

这是我的 .ts 代码

import { Component, OnInit } from '@angular/core';
import { FormGroup, FormBuilder, Validators, FormArray } from 
'@angular/forms';
@Component({
  selector: 'app-basic-forms',
  templateUrl: './basic-forms.component.html',
  styleUrls: ['./basic-forms.component.css']
})
export class BasicFormsComponent implements OnInit {
  registerForm: FormGroup;
  constructor(private formBuilder: FormBuilder) { }
  ngOnInit() {
    this.registerForm = this.formBuilder.group({
      firstName: ['', Validators.required],
      lastName: ['', Validators.required],
      aliases: this.formBuilder.array([])
    });
  }
  get aliases() {
    return this.registerForm.get('aliases') as FormArray;
  }
  addAlias() {
    this.aliases.push(this.formBuilder.group({
      Name: [''],
      Age: ['']
    }));
  }
  onSubmit() {
    alert(Success!!\n\n ${JSON.stringify(this.registerForm.value)});
  }
}

HTML 代码:

<form [formGroup]="registerForm" (ngSubmit)="onSubmit()">
  <div class="form-row">
     <div class="col">
        <label>First Name</label>
        <input type="text" class="form-control" placeholder="First name" formControlName="firstName" />
     </div>
     <div class="col">
       <label>Last Name</label>
       <input type="text" class="form-control" placeholder="Last name" formControlName="lastName" />
     </div>
  </div>
  <br>
  <div class="form-row">
        <div formArrayName="aliases">
          <button class="btn btn-info btn-sm" (click)="addAlias()">Add</button>
          <div *ngFor="let address of registerForm.controls.aliases.controls; let i=index">
            <div formGroupName="i">
                Name : <input type="text" class="form-control" formControlName = "Name" />
                Age : <input type="text" class="form-control" formControlName = "Age" />
            </div>
          </div>
        </div>
      </div>
      <br>
      <button type="submit" class="btn btn-primary">Submit</button>
</form>

Output

Answer 1

只需将 formGroupName="i" 更改为 [formGroupName]="i"