# Angular international phone prefix input ## Description This is a simple library with international phone prefix with flags images. ## Installation To install this component to an external project, follow the procedure: 1. __npm install ng4-intl-phone --save__ 2. Add __InternationalPhoneModule__ import to your __@NgModule__ like example below ```ts import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { MyTestApp } from './my-test-app'; import { InternationalPhoneModule } from 'ng4-intl-phone'; @NgModule({ imports: [ BrowserModule, InternationalPhoneModule ], declarations: [ MyTestApp ], bootstrap: [ MyTestApp ] }) export class MyTestAppModule {} ``` ##Testing in localhost - `npm install ./relative/path/to/lib` after `npm run build` to test locally in another app ## Usage Use one of the following two options. ### 1. ngModel binding In this option the ngModel binding is used. ```html

``` ### 2. Reactive forms In this option the value accessor of reactive forms is used. To use reactive forms define the application class as follows: ```ts export class MyTestApp implements OnInit { private myForm: FormGroup; constructor(private formBuilder: FormBuilder) { } ngOnInit() { this.myForm = this.formBuilder.group({ myPhone: ['', Validators.required] // other controls are here... }); } } ``` Add the following snippet inside your template: ```html ``` ### @Input() locale An ISO 639-1 language code can be provided to set available language: es: Spanish, en: English ### @Input() defaultCountry An ISO 639-1 country code can be provided to set default country selected. ### @Input() maxLength maxLength (default: 15) ### @Input() onlyNumbers Allows only numeric values (default: true) ## License * License: MIT ## Author * Author: kondi0 ## Mail * Mail: kondi.czerwinski@gmail.com ## Keywords * Phone * Prefix * International * Angular2 * Angular4

{{title}}

	Stars	Issues	Version	Updated	Created
google-libphonenumber	1,351	13	3.2.34	4 months ago	10 years ago
ng4-intl-phone	20	29	14.0.1	2 years ago	7 years ago
phone-number-validation	3	0	0.3.1	8 years ago	9 years ago

google-libphonenumber vs ng4-intl-phone vs phone-number-validation

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Popular Searches

Sick of boring JavaScript newsletters?

Downloads in past