Angular 获取动态创建的输入值

Question

我正在根据另一个输入的值创建一些输入，我的问题是我不知道如何获取这些生成的新输入的值。

这是我的视图部分：

<div class="input-group">
    <div class="input-group-append">
        <button class="btn btn-secondary" (click)="minusInv()" type="button">
            <i class="fa fa-minus">
            </i>
        </button>
    </div>
        <input formControlName="inventario" [value]="quantityInv">
    <div class="input-group-append">
        <button class="btn btn-secondary" (click)="plusInv()" type="button">
            <i class="fa fa-plus">
            </i>
        </button>
    </div>
</div>

        <ng-container *ngFor="let values of valuesArr; let i= index">
                <div class="form-group" style="float:left; margin: 5px;">
                    <input 
                    placeholder="{{values}}.-" 
                    style="background-color: #e6e9ed;" class="form-control"
                    type="text">
                </div>
        </ng-container>

在我的控制器部分，函数 plusInv 和 minusInv 填充了 inventarioArr，它只是一个数字数组，用于确定将生成的输入数量，我不知道如何获取这些输入的值。

控制器：

    plusInv()
    {
        this.quantityInv++;
        this.formGroup.controls['inventario'].patchValue(this.quantityInv)
        //this.formGroup.controls['ninos'].updateValueAndValidity();
    }
    minusInv()
    {
      if(this.quantityInv>1)
      {
      this.quantityInv--;

      }
      else
      {this.quantityInv}
      this.formGroup.controls['inventario'].patchValue(this.quantityInv)
    }

如何获取动态输入的值？

Answer 1

您创建的输入没有附加任何 formControl。在此示例中，我将尝试使用 FormArray，您可以在其中推送和删除 FormControls，而不是根据其索引获取所需的 formControl 的值。 angular-university 上有一篇关于 FormArray 的好文章：https://blog.angular-university.io/angular-form-array/

Angular 获取动态创建的输入值

Angular Get dynamic created inputs values

angular

angular-reactive-forms