Angular input file required directive
npm install ngx-file-required
Table of Contents generated with DocToc
- Description
- Installation
- Usage
- Todo
Angular validation directive for setting and checking value to be required.
Works both with one & multiple files mode.
npm install ngx-file-required --saveor via yarn
yarn add ngx-file-required -S (shortcut)
Import the module
``typescript
import { NgModule } from '@angular/core';
import { NgxFileRequiredModule } from 'ngx-file-required';
@NgModule({
// other settings
imports: [
// other imports
NgxFileRequiredModule,
]
})
`
Then use the directive
For dynamic attributes explanation see this stackoverflow example.
`html
type="file"
[(ngModel)]="myFile"
required="required"
/>
type="file"
[(ngModel)]="myFile"
[attr.required]="{{condition}}"
/>
type="file"
[(ngModel)]="myFile"
required="required"
[requiredErrorMsg]="'There should be a file'"
/>
type="file"
required="required"
[requiredErrorMsg]="customErrorMessage"
/>
``