Package Exports

ngx-iban

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (ngx-iban) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

ngx-iban - Angular directive for validating IBAN input fields.

Demo

View all the directives in action at https://mmjmanders.github.io/ngx-iban

Dependencies

Angular (requires Angular 2 or higher, tested with 2.0.0)

Installation

Install above dependencies via npm.

Now install ngx-iban via:

npm install --save ngx-iban iban

yarn add ngx-iban iban

SystemJS

Note:If you are using SystemJS, you should adjust your configuration to point to the UMD bundle. In your systemjs config file, map needs to tell the System loader where to look for ngx-iban:

map: {
  'ngx-iban': 'node_modules/ngx-iban/bundles/ngx-iban.umd.js',
}

Once installed you need to import the main module:

import { IbanModule } from 'ngx-iban';

The only remaining part is to list the imported module in your application module. The exact method will be slightly different for the root (top-level) module for which you should end up with the code similar to (notice IbanModule.forRoot()):

import { IbanModule } from 'ngx-iban';

@NgModule({
  declarations: [AppComponent, ...],
  imports: [IbanModule.forRoot(), ...],  
  bootstrap: [AppComponent]
})
export class AppModule {
}

Other modules in your application can simply import IbanModule :

import { IbanModule } from 'ngx-iban';

@NgModule({
  declarations: [OtherComponent, ...],
  imports: [IbanModule, ...], 
})
export class OtherModule {
}

Usage

<input type="text" ngxIban [(ngModel)]="iban">

ngx-iban