UNPKG

ngx-lib-phone-input

Version:

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 17.3.0. NgxPhoneNumberInput is an Angular library for easy integration of phone number input fields in your Angular applications.

22 lines (18 loc) 720 B
<div class="card flex justify-content-center "> <p-iconField iconPosition="left"> <p-inputIcon (click)="showDropdown()"> <span class="flag">{{selectedCountry.flag}}</span> </p-inputIcon> <input [formControl]="phone" type="text" pInputText /> </p-iconField> <div class="options" [ngStyle]="{'display': showOptions ? 'block' : 'none'}"> <ul> <li *ngFor="let country of countriesWithCodes" (click)="countrySelect(country)"> <div class="option"> <i class="flag">{{country.flag}}</i> <span>{{country.name }} ({{country.dial_code }})</span> </div> </li> </ul> </div> </div>