如何在动态输入字段的反应形式中添加错误?

时间:2018-03-13 16:13:17

标签: asp.net-mvc angular angular-reactive-forms

我使用的是反应式表单,我添加了动态文本字段。

这是我的组件:  我的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>

提交表单后,我可能会从后端收到行错误,我必须在UI中显示这些错误:u can find image preview 怎么做到这一点?

0 个答案:

没有答案