2.2.0 • Published 3 years ago
@kamikazebot/ngx-material-file-input v2.2.0
material-file-input
This is a custom fork of the original ngx-material-file-input by merlosy. find the original here: https://www.npmjs.com/package/ngx-material-file-input
Install
npm i @kamikazebot/ngx-mat-file-inputAPI reference
MaterialFileInputModule
import { MaterialFileInputModule } from '@kamikazebot/ngx-mat-file-input';
@NgModule({
imports: [
// the module for this lib
MaterialFileInputModule
]
})NGX_MAT_FILE_INPUT_CONFIG token (optional):
Change the unit of the ByteFormat pipe
export const config: FileInputConfig = {
sizeUnit: 'Octet'
};
// add with module injection
providers: [{ provide: NGX_MAT_FILE_INPUT_CONFIG, useValue: config }];FileInputComponent
selector: <ngx-mat-file-input>
implements: MatFormFieldControl from Angular Material
Additionnal properties
| Name | Description |
|---|---|
@Input() valuePlaceholder: string | Placeholder for file names, empty by default |
@Input() multiple: boolean | Allows multiple file inputs, false by default |
@Input() autofilled: boolean | Whether the input is currently in an autofilled state. If property is not present on the control it is assumed to be false. |
@Input() accept: string | Any value that accept attribute can get. more about "accept" |
value: FileInput | Form control value |
empty: boolean | Whether the input is empty (no files) or not |
clear(): (event?) => void | Removes all files from the input |
ByteFormatPipe
Example
<span>{{ 104857600 | byteFormat }}</span>Output: 100 MB
FileValidator
| Name | Description | Error structure |
|---|---|---|
maxContentSize(value: number): ValidatorFn | Limit the total file(s) size to the given value | { actualSize: number, maxSize: number } |