# ngx-iban This Angular (7+) library consists of three parts: 1. a directive to use in forms; 2. a pipe to transform a string to the IBAN format (groups of 4 characters); 3. a validator to use in reactive forms; An optional ISO 3166-1 alpha-2 country code can be passed as a parameter to both the directive and the validator. When given, validation also checks if the entered IBAN is valid for that specific country. You can see a live demo of the module [here](https://mmjmanders.github.io/ngx-iban/). **Important note**: From version 17.3.0 onward this library exports [standalone components](https://angular.io/guide/standalone-components). This mitigates the need to import `NgxIbanModule`. ## Installation Just use your favorite package manager to install `ngx-iban` and `ibantools`. ## Compatibility table | ngx-iban | Angular | |----------|---------| | 7.x | 7.x | | 8.x | 8.x | | 9.x | 9.x | | 10.x | 10.x | | 11.x | 11.x | | 12.x | 12.x | | 13.x | 13.x | | 14.x | 14.x | | 15.x | 15.x | | 16.x | 16.x | | 17.x | 17.x | ## Usage ### Directive ```ts import { Component } from "@angular/core"; import { IbanDirective } from "ngx-iban"; @Component({ imports: [IbanDirective], selector: "my-component", template: ` ` }) export class MyComponent {} ``` ### Pipe ```html {{ 'GB82WEST12345698765432' | iban }} ``` becomes ```html GB82 WEST 1234 5698 7654 32 ``` Of course don't forget to import `IbanPipe` in your component. ### Validator ```ts import { ibanValidator } from "ngx-iban"; new FormControl("", ibanValidator()); ```

	Stars	Issues	Version	Updated	Created
iban	533	26	0.0.14	4 years ago	10 years ago
ibantools	187	4	4.5.1	a month ago	8 years ago
ng-iban	32	1	2.0.0	4 years ago	8 years ago
ng2-iban			1.0.2	2 years ago	4 years ago
ngx-iban			17.4.0	3 months ago	6 years ago

iban vs ibantools vs ng-iban vs ng2-iban vs ngx-iban

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Popular Searches

Sick of boring JavaScript newsletters?

Downloads in past