src/lib/dynamic-form-input/dynamic-form-file/dynamic-form-file.component.ts
DynamicFormFileBase
| selector | bs-dynamic-form-file |
| templateUrl | ./dynamic-form-file.component.html |
constructor(builder: DynamicFormBuilder, validationService: DynamicFormValidationService)
|
|||||||||
|
Parameters :
|
import { Component } from '@angular/core';
import { DynamicFormBuilder, DynamicFormFileBase, DynamicFormValidationService } from '@dynamic-forms/core';
@Component({
selector: 'bs-dynamic-form-file',
templateUrl: './dynamic-form-file.component.html',
})
export class BsDynamicFormFileComponent extends DynamicFormFileBase {
constructor(protected override builder: DynamicFormBuilder, protected override validationService: DynamicFormValidationService) {
super(builder, validationService);
}
}
<div class="input-group">
<input
[id]="inputId"
class="form-control"
type="text"
[placeholder]="input.placeholder || ''"
[value]="fileDirective.fileNamesAsText || ''"
[disabled]="control.disabled"
readonly
/>
<input
#fileDirective="dynamicFormFile"
dynamicFormFile
[acceptFiles]="input.accept"
[multipleFiles]="input.multiple"
[formControl]="control"
/>
<dynamic-form-element [element]="uploadAction"></dynamic-form-element>
</div>