A filter and a directive for input type 'tel' that formats and parses international phone numbers. Based on metadata from libphonenumber.

Demo: http://michaelkrog.github.io/tel.js/

#FILTER#

###Usage###

####In HTML Template Binding####

{{phonenumber_expression | telephone}}

####In Javascript####

$filter('telephone')(phonenumber, mode, defaultAreaCode, returnObject);

###Arguments###

#DIRECTIVE#

###Usage### Load the tel.js module:

angular.module('<your module>', ['teljs']);

Use the directive as follows:

<input type="tel"
    ng-model=""
    [international=""]
    [default-area-code=""]>

###Arguments###

#Install#

You can install tel.js via bower like this:

bower install teljs --save

Alternatively you can download the full source as a ZIP file from Github.

#FILE FORMAT# The metadatalite.js file is taken directly from the libphonenumber repository. The format is defined by Google protobuf definitions and is therefore not very human readable. The following is a partial definition of the format - enough to build tel.js around the file.

It is two Objects

The whole file consists of 2 objects in the variables i18n.phonenumbers.metadata.countryCodeToRegionCodeMap and i18n.phonenumbers.metadata.countryToMetadata.

i18n.phonenumbers.metadata.countryCodeToRegionCodeMap holds a map of which countries use a given areacode.(fx. +45 is Denmark only, but +1 is a NANPA number and is used for USA, Canada and at least 20 other countries. The map refers to an array of countrycodes that uses a given area code having the main country as the first element in the array.

i18n.phonenumbers.metadata.countryToMetadata holds metadata for each country. Each metadata entry is retrieved by its countrycode(fx. 'DK'). The metadata entry is an array whici format is partly explained in the following table: