error message and must be greater than {{ field.errors?.reason }}
\r\n``` \r\n\r\n## Template driven\r\n\r\nimport `FormsModule` and `CustomFormsModule` in *app.module.ts*\r\n\r\n```typescript\r\nimport { NgModule } from '@angular/core';\r\nimport { BrowserModule } from '@angular/platform-browser';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { CustomFormsModule } from '@alvasoft/ngx-validators';\r\n\r\nimport { AppComponent } from './app.component';\r\n\r\n@NgModule({\r\n imports: [BrowserModule, FormsModule, CustomFormsModule],\r\n declarations: [AppComponent],\r\n bootstrap: [AppComponent]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\n\r\n### range length - rangeLength\r\n\r\n```html\r\n\r\nerror message
\r\n```\r\n\r\n### min\r\n\r\n```html\r\n\r\nerror message
\r\n```\r\n\r\n### greater than - gt\r\n\r\n```html\r\n\r\nerror message
\r\n```\r\n\r\n### greater than or equal - gte\r\n\r\n```html\r\n\r\nerror message
\r\n```\r\n\r\n### max\r\n\r\n```html\r\n\r\nerror message
\r\n```\r\n\r\n### less than - lt\r\n\r\n```html\r\n\r\nerror message
\r\n```\r\n\r\n### less than or equal - lte\r\n\r\n```html\r\n\r\nerror message
\r\n```\r\n\r\n### range\r\n\r\n```html\r\n\r\nerror message
\r\n```\r\n\r\n### digits\r\n\r\n```html\r\n\r\nerror message
\r\n```\r\n\r\n### number\r\n\r\n```html\r\n\r\nerror message
\r\n```\r\n\r\n### url\r\n\r\n```html\r\n\r\nerror message
\r\n```\r\n\r\n### email\r\n\r\n```html\r\n\r\nerror message
\r\n```\r\n\r\n### date\r\n\r\n```html\r\n\r\nerror message
\r\n```\r\n\r\n### min date - minDate\r\n\r\n```html\r\n\r\nerror message
\r\n```\r\n\r\n```html\r\n\r\nerror message
\r\n```\r\n\r\n### max date - maxDate\r\n\r\n```html\r\n\r\nerror message
\r\n```\r\n\r\n```html\r\n\r\nerror message
\r\n```\r\n\r\n### date ISO - dateISO\r\n\r\n```html\r\n\r\nerror message
\r\n```\r\n\r\n### credit card - creditCard\r\n\r\n```html\r\n\r\nerror message
\r\n```\r\n\r\n### json\r\n\r\n```html\r\n\r\nerror message
\r\n```\r\n\r\n### base64\r\n\r\n```html\r\n\r\nerror message
\r\n```\r\n\r\n### uuid\r\n\r\n```html\r\n\r\nerror message
\r\n```\r\n\r\n*default*: all\r\n\r\n**support**\r\n\r\n- 3\r\n- 4\r\n- 5\r\n- all\r\n\r\n### equal\r\n\r\n```html\r\n\r\nerror message
\r\n```\r\n\r\n### not equal - notEqual\r\n\r\n```html\r\n\r\nerror message
\r\n```\r\n\r\n### equal to - equalTo\r\n\r\n```html\r\n\r\nrequired error
\r\n\r\nequalTo error
\r\n```\r\n\r\n### not equal to - notEqualTo\r\n\r\n```html\r\n\r\nrequired error
\r\n\r\nequalTo error
\r\n```\r\n\r\n### property\r\n\r\n```typescript\r\npublic obj = { id: 1 } // OK\r\npublic obj = { name: 'baguette' } // KO\r\n```\r\n\r\n```html\r\n\r\n\r\n\r\nproperty error
\r\n```\r\n\r\n### array length - ArrayLength\r\n```typescript\r\npublic arr = [{ name: 'baguette' }, { name: 'croisant' }] // OK\r\npublic arr = [{ name: 'baguette' }] // KO\r\n```\r\n\r\n```html\r\n\r\narrayLength error
\r\n```\r\n\r\n## Model driven\r\n\r\nimport `ReactiveFormsModule` in *app.module.ts*\r\n\r\n```typescript\r\nimport { NgModule } from '@angular/core';\r\nimport { BrowserModule } from '@angular/platform-browser';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { AppComponent } from './app.component';\r\n\r\n@NgModule({\r\n imports: [BrowserModule, ReactiveFormsModule],\r\n declarations: [AppComponent],\r\n bootstrap: [AppComponent]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\n\r\nimport `CustomValidators` in *app.component.ts*\r\n\r\n```typescript\r\nimport { Component } from '@angular/core';\r\nimport { FormGroup, FormControl } from '@angular/forms';\r\nimport { CustomValidators } from '@alvasoft/ngx-validators';\r\n\r\n@Component({\r\n selector: 'app',\r\n template: require('./app.html')\r\n})\r\nexport class AppComponent {\r\n form: FormGroup;\r\n\r\n constructor() {\r\n this.form = new FormGroup({\r\n field: new FormControl('', CustomValidators.range([5, 9]))\r\n });\r\n }\r\n}\r\n```\r\n\r\n```html\r\n\r\nerror message
\r\n```\r\n\r\n### range length - rangeLenght\r\n\r\n```typescript\r\nnew FormControl('', CustomValidators.rangeLength([5, 9]))\r\n```\r\n\r\n### min\r\n\r\n```typescript\r\nnew FormControl('', CustomValidators.min(10))\r\n```\r\n\r\n### greater than - gt\r\n\r\n```typescript\r\nnew FormControl('', CustomValidators.gt(10))\r\n```\r\n\r\n### max\r\n\r\n```typescript\r\nnew FormControl('', CustomValidators.max(20))\r\n```\r\n\r\n### less than - lt\r\n\r\n```typescript\r\nnew FormControl('', CustomValidators.lt(20))\r\n```\r\n\r\n### range\r\n\r\n```typescript\r\nnew FormControl('', CustomValidators.range([10, 20]))\r\n```\r\n\r\n### digits\r\n\r\n```typescript\r\nnew FormControl('', CustomValidators.digits)\r\n```\r\n\r\n### number\r\n\r\n```typescript\r\nnew FormControl('', CustomValidators.number)\r\n```\r\n\r\n### url\r\n\r\n```typescript\r\nnew FormControl('', CustomValidators.url)\r\n```\r\n\r\n### email\r\n\r\n```typescript\r\nnew FormControl('', CustomValidators.email)\r\n```\r\n\r\n### date\r\n\r\n```typescript\r\nnew FormControl('', CustomValidators.date)\r\n```\r\n\r\n### min date - minDate\r\n\r\n```typescript\r\nnew FormControl('', CustomValidators.minDate('2016-09-09'))\r\n```\r\n\r\n### max date - maxDate\r\n\r\n```typescript\r\nnew FormControl('', CustomValidators.maxDate('2016-09-09'))\r\n```\r\n\r\n### date ISO - dateISO\r\n\r\n```typescript\r\nnew FormControl('', CustomValidators.dateISO)\r\n```\r\n\r\n### credit card - creditCard\r\n\r\n```typescript\r\nnew FormControl('', CustomValidators.creditCard)\r\n```\r\n\r\n### json\r\n\r\n```typescript\r\nnew FormControl('', CustomValidators.json)\r\n```\r\n\r\n### base64\r\n\r\n```typescript\r\nnew FormControl('', CustomValidators.base64)\r\n```\r\n\r\n### uuid\r\n\r\n```typescript\r\nnew FormControl('', CustomValidators.uuid('3'))\r\n```\r\n\r\n### equal\r\n\r\n```typescript\r\nnew FormControl('', CustomValidators.equal('xxx'))\r\n```\r\n\r\n### not equal - notEqual\r\n\r\n```typescript\r\nnew FormControl('', CustomValidators.notEqual('xxx'))\r\n```\r\n\r\n### equal to - equalTo\r\n\r\n```typescript\r\nlet password = new FormControl('', Validators.required);\r\nlet certainPassword = new FormControl('', CustomValidators.equalTo(password));\r\n\r\nthis.form = new FormGroup({\r\n password: password,\r\n certainPassword: certainPassword\r\n});\r\n```\r\n\r\n```html\r\n\r\n```\r\n\r\n### not equal to - notEqualTo\r\n\r\n```typescript\r\nlet password = new FormControl('', Validators.required);\r\nlet certainPassword = new FormControl('', CustomValidators.notEqualTo(password));\r\n\r\nthis.form = new FormGroup({\r\n password: password,\r\n certainPassword: certainPassword\r\n});\r\n```\r\n\r\n```html\r\n\r\n```\r\n\r\n### property\r\n```typescript\r\npublic obj = { id: 1 };\r\n\r\nthis.form = new FormGroup({\r\n obj: new FormControl('', CustomValidators.property('id'))\r\n // For multiple properties check\r\n obj: new FormControl('', CustomValidators.property('id,value,name'))\r\n});\r\n```\r\n\r\n```html\r\n\r\n```\r\n\r\n### array length - ArrayLength\r\n```typescript\r\npublic arr = [{ name: 'baguette' }, { name: 'croisant' }]\r\nthis.form = new FormGroup({\r\n arr: new FormControl('', CustomValidators.arrayLength(2))\r\n});\r\n```\r\n\r\n```html\r\n\r\n```\r\n\r\n### included in array - includedIn\r\n```typescript\r\npublic arr = [{ name: 'baguette' }, { name: 'croisant' }]\r\nthis.form = new FormGroup({\r\n arr: new FormControl('bread', CustomValidators.includedIn(arr))\r\n});\r\n```\r\n\r\n```html\r\n\r\n```\r\n\r\n### not included in array - notIncludedIn\r\n```typescript\r\npublic arr = [{ name: 'baguette' }, { name: 'croisant' }]\r\nthis.form = new FormGroup({\r\n arr: new FormControl('baguette', CustomValidators.notIncludedIn(arr))\r\n});\r\n```\r\n\r\n```html\r\n\r\n```\r\n\r\n### not matching a regular expression - notMatching (negate pattern)\r\n```typescript\r\npublic pattern = /a+bc/\r\nthis.form = new FormGroup({\r\n p: new FormControl('aabc', CustomValidators.notIncludedIn(pattern))\r\n});\r\n```\r\n\r\n```html\r\n\r\n```\r\n\r\n# For developpers\r\nTo run the projet : `npm start`\r\nDon't forget to run `npm test` and `npm lint` before each pull request. Thanks !\r\n","readmeFilename":"README.md"}