https://github.com/angel-vladov/ngx-pattern
Limit input allowed values with a regex pattern
https://github.com/angel-vladov/ngx-pattern
angular regex-pattern
Last synced: 2 months ago
JSON representation
Limit input allowed values with a regex pattern
- Host: GitHub
- URL: https://github.com/angel-vladov/ngx-pattern
- Owner: angel-vladov
- License: mit
- Created: 2019-09-29T22:21:03.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2023-02-05T22:34:16.000Z (about 3 years ago)
- Last Synced: 2025-07-08T16:11:53.869Z (9 months ago)
- Topics: angular, regex-pattern
- Language: TypeScript
- Homepage: https://angel-vladov.github.io/ngx-pattern/
- Size: 6.93 MB
- Stars: 2
- Watchers: 1
- Forks: 2
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ngx-pattern
[](http://opensource.org/licenses/MIT)
`ngx-pattern` is a small directive you can use to filter allowed input with regular expressions.
Check **[examples here](https://git.io/JeCwF)**.
### Which version to pick
The library has several versions compiled for different angular versions. Make sure to pick the correct one
| Angular Version | ngx-pattern Version | Engine Used |
|-----------------|---------------------|-------------|
| < 9 | <= 0.2.1 | View Engine |
| >= 9 < 12 | ^1.0.0 | View Engine |
| >= 12 | ^2.0.0 | Partial-Ivy |
### Installation
To use **ngx-pattern** in your project install it via:
* NPM
```sh
npm install ngx-pattern --save
```
* Yarn
```sh
yarn add ngx-pattern
```
After installing, include `NgxPatternModule` in your application module like:
```ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { NgxDatatableModule } from 'ngx-pattern';
import { AppComponent } from './app.component';
@NgModule({
declarations: [AppComponent],
imports: [NgxPattern, BrowserModule],
bootstrap: [AppComponent]
})
export class AppModule { }
```
### Usage
* You can set up the pattern using a string
```html
```
* Or a RegEx
```html
numbersOnly = /^[0-9]*$/;
...
```
### Changelog
##### 2.0.0
* [Partial-Ivy](https://angular.io/guide/creating-libraries) compilation for better compatibility with modern Angular
* Minimum Angular version changed to `12+`
##### 1.0.0
* Minimum Angular version changed to `9+`
* Update incorrect keydown handling of special keys
* Improved unit tests coverage
* Project switched to `strict` mode
##### 0.2.1
* Support for Angular 12
* Working detection on Android mobile browser
##### 0.1.3
* support for Angular 10 and 11
##### 0.1.2
* updated readme
##### 0.1.0
* string and regex pattern support