Мне нужна ваша помощь, потому что я не могу ее сделать.
Я создаю форму в Angular 8, используя formBuilder
для проверки пустых полей и некоторой проверки.
У меня есть 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>
В моем компоненте.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
или что-то вроде этого, но не работает,
большое спасибо за вашу помощь,
Привет.