ngx-phone-field
An Angular directive for international phone input with country flag dropdowns, supporting both Reactive and Template-Driven Forms.
Overview
ngx-phone-field is an Angular directive that provides a feature-rich international phone input component. It wraps the popular intl-tel-input library, offering seamless integration with Angular's form systems for building user-friendly phone number inputs in global applications.
Key Features
- International Phone Input — Provides a phone input field with country code selection and flag dropdowns.
- Angular Forms Integration — Supports both Reactive Forms and Template-Driven Forms out of the box.
- Number Validation & Formatting — Leverages intl-tel-input utilities for real-time validation, formatting, and placeholder management.
- Customizable Configuration — Offers extensive options like initial country, dropdown behavior, formatting rules, and localization.
- Full API Access — Exposes the complete intl-tel-input instance, allowing access to all methods and properties for advanced use cases.
Philosophy
The project focuses on providing a lightweight, declarative Angular wrapper around intl-tel-input, prioritizing seamless integration with Angular's ecosystem and form handling patterns while maintaining full flexibility.
Related Projects
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
