AngularJS directive implementing intl-tel-input (https://github.com/Bluefieldscom/intl-tel-input) jQuery plugin.
install via bower:
bower install international-phone-number --save
add module dependcy to application:
internationalPhoneNumber
Available from souce project at http://jackocnr.com/intl-tel-input.html
Same as in source project (https://github.com/Bluefieldscom/intl-tel-input)
Sneak preview:
options =
autoFormat: true
autoHideDialCode: true
defaultCountry: ''
nationalMode: false
numberType: ''
onlyCountries: undefined
preferredCountries: ['us', 'gb']
responsiveDropdown: false
utilsScript: ""
Works for text
and tel
input types.
NgModel is required
<input type="text" international-phone-number ng-model="phone">
with preferred countries:
<input type="text" international-phone-number preferred-countries="pl, de" ng-model="phone">
with default country:
<input type="text" international-phone-number default-country="pl" ng-model="phone">
with only contries:
<input type="text" international-phone-number only-countries ng-model="phone">
Feel free to mix options together:
<input type="text" international-phone-number only-countries="pl, de, en, es" default-country="pl" preferred-countries="pl, de" ng-model="phone">