我使用的是反应式表单,我添加了动态文本字段。
这是我的组件: 我的HTML:
index.php
我的ts档案
<form [formGroup]="ProductKeyRequestForm" novalidate>
<div formArrayName="PartNumberInfoList">
<div class="row" *ngFor="let item of formData(ProductKeyRequestForm); let i = index;let last=last" [formGroupName]="i">
<div class="col-md-1 icon">
<div (click)="addProductReq()" data-toggle="tooltip" data-placement="top" title="Add New Row" *ngIf="last"><i class="fas fa-plus-circle "></i> </div>
<div (click)="RemoveproductReq(i,last)" data-toggle="tooltip" data-placement="top" title="Delete Row" *ngIf="!last"><i class="fas fa-minus-circle "></i> </div>
</div>
<div class="col-md-2">
<div class="form-group">
<input type="text" placeholder="PartNumber" formControlName="PartNumber" class="form-control">
</div>
</div>
<div class="col-md-2">
<div class="form-group">
<input type="number" min="0" pattern="\d+" required placeholder="Quantity" formControlName="Quantity" class="form-control">
</div>
</div>
<div class="col-md-2">
<div class="form-group">
<input type="text" placeholder="SKU" required formControlName="SKU" class="form-control">
</div>
</div>
</div>
</div>
</form>