kondi0 / ng4-intl-phone Goto Github PK
View Code? Open in Web Editor NEWAn internation phone prefix selector for Angular 4
License: MIT License
An internation phone prefix selector for Angular 4
License: MIT License
Is it also applicable to use in Ionic 2 / 3 ?
Thank you.
When I try to enter a value (on keypress) I'm getting this error. Kindly fix it
Please could you replace the cloudinary url from
src="https://res.cloudinary.com/dvbuhh0bl/image/upload/v1495279723/flags_boi3c5.png"
to
src="//res.cloudinary.com/dvbuhh0bl/image/upload/v1495279723/flags_boi3c5.png"
it will fix the issue.
The locale you have selected should be visually selected in the menu (maybe with the bootstrap active class) and scrolled to.
I don't see a way to disable control.
Expected behavior:
If I add it to my form group, I expect on form.disable() I'll get it disabled as well.
Actual result:
control is not disabled
Austria phone code is missing, also the Vatican flag is displayed instead of Italian when you enter Italy phone code.
I would like to have a placeholder for input field. How can I do that?
I'm trying to attach a label to this for accessibility so we need to be able to set the ID of the input the int-phone-prefix is producing. Ideally, something that would work like this:
<div [formGroup]="form">
<label for="input-{{_data.mappedId}}">{{label}}</label>
<int-phone-prefix [locale]="'es'" [formControlName]="_data.mappedId" id="input-{{_data.mappedId}}"></int-phone-prefix>
</div>`
ERROR in ng:///.../node_modules/ng4-intl-phone/ng4-intl-phone.d.ts.IntPhonePrefixComponent.html (2,836): Property 'phoneInput' is private and only accessible within class 'IntPhonePrefixComponent'.
ERROR in /Users/michael...$$_gendir/node_modules/ng4-intl-phone/ng4-intl-phone.ngfactory.ts (478,30): Property 'selectedCountry' is private and only accessible within class 'IntPhonePrefixComponent'.
ERROR in ng:///.../node_modules/ng4-intl-phone/ng4-intl-phone.d.ts.IntPhonePrefixComponent.html (2,147): Property 'selectedCountry' is private and only accessible within class 'IntPhonePrefixComponent'.
ERROR in ng:///.../node_modules/ng4-intl-phone/ng4-intl-phone.d.ts.IntPhonePrefixComponent.html (2,238): Property 'showDropdown' is private and only accessible within class 'IntPhonePrefixComponent'.
ERROR in ng:///.../node_modules/ng4-intl-phone/ng4-intl-phone.d.ts.IntPhonePrefixComponent.html (2,775): Property 'phoneInput' is private and only accessible within class 'IntPhonePrefixComponent'.
On https connection, you get error since you are fetching flag sprite from cloudinary on http. Thats mixed content error
Do we have an option to use [readonly] in this package? please let me know if there is any customize required for it.?
<int-phone-prefix defaultCountry="us" displayLabel=false [maxlength]="maxlength" locale="en"
formControlName="phoneNumber" [(ngModel)]="phoneNumberModel" required="true"[readonly]="isReadonly()">
Thanks,
Swamy
[email protected]
$$_gendir cannot find module 'ng4-intl-phone' error i am getting during publish
Lodash is a quite big dependency and this library is only using _.isEmpty
and _.sortBy
. This makes the bundle unnecesarily big.
Please consider adding lodash.isEmpty
and lodash.sortBy
as dependencies and use those instead.
https://github.com/kondi0/ng4-intl-phone/blob/master/src/lib/src/service/country.service.ts
Please add it since it is required
http://res.cloudinary.com/dvbuhh0bl/image/upload/v1495279723/flags_boi3c5.png ==>> by using ng4-intl-phone as package we are not getting a flag icon
Hi,
Could you please update the relevant dependencies to angular 6.x?
My app is complaining now that I updated to angular 6.
Cheers
I have added [locale]="'en'" but the country names are still in Spanish
Hi,
Wondering is there any event emitter/method which will tell which country is user has selected
-Sadik
in package.json
{
"name": "ng4-intl-phone",
"version": "1.2.1",
"description": "International phone prefix library for Angular 2 & 4",
"main": "./ng4-intl-phone.umd.js",
....
}
file ./ng4-intl-phone.umd.js
is not generated. This should be changed to ./ng4-intl-phone.js
.
This is required for compatibility with ivy otherwise ng build
will through error
i need the option to get ng-model value with seperator.
for ex: +91-8610442442
When I set the default country while I have an existing value in formControl, the input will change the country of the number to the default country. This should not happen, it should only provide the default country when ngModel/formControl has no value.
I'm submitting this as an improvement request.
I think it would be great if this component could work as a FormControl.
How to get code and number separately?
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.