surajmathe / intl-input-phone Goto Github PK
View Code? Open in Web Editor NEWAngular plugin for international phone number. See the working demo here :-
Home Page: https://intl-input-phone-demo.stackblitz.io/
Angular plugin for international phone number. See the working demo here :-
Home Page: https://intl-input-phone-demo.stackblitz.io/
The code looks like that:
in html:
form [formGroup]="sampleForm"
<intl-input-phone
name="phone"
formControlName="phone"
[NumberTextValue]="NumberModel"
[ConfigurationOption]="configOption2"
(OnNumberChange)="onNumberChage($event)"
>
form
in TS:
onNumberChage(outputResult: NumberResult) {
if (outputResult.Number) {
this.sampleForm.reset();
}
}
After the sampleForm reset, the number still existing in the input field.
And I tried to set [NumberTextValue] = '', but it doesn't work.
Could you please let me know how to reset the value of input number? Thanks
I followed your steps to create the basic selector. But facing this issue
ERROR TypeError: $(...).select2 is not a function
This plugin is really good for angular, but can someone add support for Latest angular versions
IsInputComplete
if we not fill complete input then we need to show validation message but with currently it is not available. or
If we fill complete input and remove few numbers from the input then there is no check available.
ISRequiredChange setting boolean only when input is filled or null
when changing the flag, after setting the number, the new area code value doesn't updates to the new one.
i have installed npm i [email protected] version
and i’ve got this error
Uncaught TypeError: Object(…) is not a function
in this line
/** @nocollapse */ IntlInputPhoneService.ngInjectableDef = Object(WEBPACK_IMPORTED_MODULE_1__angular_core["defineInjectable"])({ factory: function IntlInputPhoneService_Factory() { return new IntlInputPhoneService(); }, token: IntlInputPhoneService, providedIn: "root" })
my @angular version
Hey!
Nice work! Are you planning to support Angular's reactive forms in the nearest future?
After getting the API response, i'm trying to update the NumberTextValue value but it's not updating.
The country code is duplicated in the mask. Now the mask is 9 (999) 999-99-99 and correctly (999) 999-99-99
i’m using this package in may ionic project.
npm i [email protected]
after i had followed the instruction i’ve got this error
C:/Users/xxx/Desktop/xxxxxxxx/node_modules/intl-input-phone/fesm2015/intl-input-phone.js:354 Uncaught TypeError: Cannot read properties of undefined (reading ‘Injectable’)
/** @nocollapse */ ConfigurationOptions.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: ConfigurationOptions, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
any idea on how to fix this error ?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.