International Telephone Input
An Angular package for entering and validating international telephone numbers. It adds a flag dropdown to any input, detects the user's country, displays a relevant placeholder and provides formatting/validation methods.
Documentation
https://webcat12345.github.io/ngx-intl-tel-input/overview.html
Pull requests are welcome!!!
Merged pull requests
https://github.com/webcat12345/ngx-intl-tel-input/pull/3
Installation
To install this library, run:
$ npm install ngx-intl-tel-input --save
This library depends on BsDropdownModule
from ngx-bootstrap/dropdown
.
To install this library, run:
$ npm install ngx-bootstrap --save
Then import BsDropdownModule
at AppModule
. (more details see : http://valor-software.com/ngx-bootstrap/#/dropdowns)
;
Consuming library
Injecting StyleSheet
Inside angular-cli.json
"styles": ,
From your Angular AppModule
:
// Import your library;
Once library is imported, you can use components in your Angular application:
<!-- You can now use your library component in app.component.html --> {{phone_number}}
Parameters
Input | Description |
---|---|
value | Phone number |
preferredCountries | https://github.com/webcat12345/ngx-intl-tel-input/pull/3 |
Development
To generate all *.js
, *.d.ts
and *.metadata.json
files:
$ npm run build
To lint all *.ts
files:
$ npm run lint
License
MIT © webcat12345