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
HTML
<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>