ngx-requisite library => custom Validators, Utility functions for common development.
npm i ngx-requisite --save
- isNullOrUndefined
- isDate
- isObject
- leadZeroForMonthOrDay
- remainingDaysHoursFormTwoDates
- whitespace
- isNegative
- decimalPrecision
import ReactiveFormsModule
in app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { ReactiveFormsModule } from '@angular/forms';
import { AppComponent } from './app.component';
@NgModule({
imports: [BrowserModule, ReactiveFormsModule],
declarations: [AppComponent],
bootstrap: [AppComponent]
})
export class AppModule {
}
import CustomValidators
in app.component.ts
import { Component } from '@angular/core';
import { FormGroup, FormControl } from '@angular/forms';
import { requisiteValidators } from 'ngx-requisite';
@Component({
selector: 'app',
template: require('./app.html')
})
export class AppComponent {
devForm = this.fb.group({
userName: ['', [requisiteValidators.whitespace]],
});
get controls(){
return this.devForm.controls;
}
constructor(private fb: FormBuilder) {}
}
<form [formGroup]="form">
<input type="text" name="" id="" formControlName="userName" />
<div class="" *ngIf="controls.userName.hasError('whitespace')">having space</div>
</form>
new FormControl('', requisiteValidators.isNegative)
new FormControl('',requisiteValidators.decimalPrecision)
To run the project : npm start
Don't forget to run npm test
and npm lint
before each pull request. Thanks !