Question

我需要你的帮助，因为无法做到。

我使用formBuilder在Angular 8中制作了一个表单，用于验证空字段和进行一些验证。

我有2个带有验证的下拉列表，并且运行良好，但是在我的表单中，我还有一个*ngFor，它遍历api中的对象列表。这些对象中的每一个都有所请求文件的名称和所请求文件的描述。这些对象是不同输入文件的数据，这些文件将根据具有该列表的记录数出现。

在这种情况下，我有3条记录，在前端出现3个输入文件，如文件1，文件2，文件3如何下一张图片。

Imagen 1

这是我的html代码。

 <div class="col-md-6" *ngFor="let rpt of ReporteListData; let i = index"> 
     <div class="form-group">
         <label>{{rpt.nombre}} <small  class="text-muted">({{rpt.tipo}})</small><strong class="required-field">*</strong></label>
         <span class="info-tooltip"><i class="md-info" data-toggle="tooltip" data-placement="top" title="{{rpt.descripcion}}"></i></span>
         <div class="form-group">                                                                                                                       
             <input type="file" >           
         </div>
     </div>
 </div>

在我的component.ts中，我已经formBuilder对该表单的其他组件进行了验证，但是我不知道如何在ngFor中的formBuilder内的调用输入文件中进行验证输入文件路径。

这是我在component.ts中的代码

  this.CumplimientoForm = this.formBuilder.group({
      cbxtema: ['', Validators.required],
      cbxperiodo: ['', Validators.required],
      checkboxconfirm: [false, Validators.requiredTrue],

      //here code like inputsfiles[i] or array: validations. ??? 

   });

我尝试了FormArray或类似的方法，但是没有用，

非常感谢您的帮助，

问候。

Angular 8-如何使用formBuilder

0 个答案: