Question

我正在创建一个非常简单的嵌套表单。

表单组>表单数组>表单组>控件

在html中，我试图添加一个“删除”按钮，但我只想显示最后一个项目不是原始或空的时候。

该按钮的css开关应该看起来像这样... [class.d-none] =“ itemName.pristine && itemName ==''&& isLast”基于我在Google上可以找到的所有内容，但出现错误。

错误：originalTarget

html

TypeError: Cannot read property 'pristine' of undefined

ts

<div formArrayName="items" *ngFor="let item of wishlistForm.get('items').controls; let i = index; last as isLast;" class="mb-4">
<div class="form-row" [formGroupName]="i">
    <input type="text" class="form-control" name="itemName" formControlName="itemName" placeholder="Enter your gift ideas here">
    <button type="button" [class.d-none]="itemName.pristine" class="close m-1" aria-label="Close btn-danger" (click)="remove(i)">
        <span aria-hidden="true">&times;</span>
    </button>
    <input class="form-control" type="hidden" formControlName="itemUrl">
</div>

Answer 1

已解决。

wishlistForm.get（'items'）。controls [i] .get（'itemName'）。pristine

Angular Reactive Froms，获取原始的嵌套控件

1 个答案: