# 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()); ```

	Version	Updated	Created
banks-db	0.23.0	a year ago	8 years ago
iban	0.0.14	4 years ago	10 years ago
iban-generator	0.0.1	8 years ago	8 years ago
ibantools	4.5.1	2 months ago	8 years ago
ngx-iban	17.4.0	4 months ago	6 years ago

banks-db vs iban vs iban-generator vs ibantools vs ngx-iban

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Popular Searches

Sick of boring JavaScript newsletters?

Downloads in past