angular - 使用 FormGroup 使用 Angular 6 动态添加表单

Question

我正在尝试使用带有 Angular 6 的 FormGroup、FormArray 等制作动态表单。我在添加新表单时遇到问题，当我在一个输入中输入一个值时，它会反映在我表单的其他输入中。

你可以在这里看到它https://stackblitz.com/edit/angular-4crhvw

我该如何解决它，以使数据不会在其他输入中重复自身？

谢谢

Answer 1

这是修复。请使用此更新的代码。

<form [formGroup]='addressForm' style="margin-top:30px">
    <div formArrayName='adresseRows'>
        <div *ngFor="let formGroup of adresseList().controls;let i=index;">
            <div [formGroupName]="i">
                Label :<input type="name" name="label" formControlName="label" >
        Rue :<input type="name" name="rue" formControlName="rue" > 
        Nom :<input type="name" name="nomRue" formControlName="nomRue">
            </div>
        </div>
    </div>
    <button type="button" class="btn btn-default" (click)="add();">
        <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>Add</button>
    <button type="button" [disabled]="addressForm.invalid" class="btn valid-button" (click)="finish();">
    <span class="glyphicon glyphicon-ok" aria-hidden="true"></span> Terminer </button>
</form>