@universium/ngx-phone

Masked Phone Input for Angular

and more...

This library implements phone-input directive which converts a simple input into a powerful phone input with autoformat. It also brings country emoji support to visualize phone input's country, and the phone pipe which formats phone numbers for displaying.

Sample usage:

<span [countryFlagEmojiFor]="phone"></span>
<select #select [value]="phone.countryIsoCode|async" (change)="phone.setCountry(select.value)">
    <option [value]="''">Unknown</option>
    <option *ngFor="let c of phone.countries" [value]="c.isoCode">
        {{c.emoji}} {{c.name}}
    </option>
</select>
<input phone-input #phone="phoneInput" [formControl]="control" />
<div>{{control.value | phone}}</div>