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
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
I have added [locale]="'en'" but the country names are still in Spanish
When I try to enter a value (on keypress) I'm getting this error. Kindly fix it
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>`
Austria phone code is missing, also the Vatican flag is displayed instead of Italian when you enter Italy phone code.
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'.
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
Hi,
Could you please update the relevant dependencies to angular 6.x?
My app is complaining now that I updated to angular 6.
Cheers
On https connection, you get error since you are fetching flag sprite from cloudinary on http. Thats mixed content error
i need the option to get ng-model value with seperator.
for ex: +91-8610442442
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.
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.
https://github.com/kondi0/ng4-intl-phone/blob/master/src/lib/src/service/country.service.ts
Please add it since it is required
The locale you have selected should be visually selected in the menu (maybe with the bootstrap active class) and scrolled to.
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.
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]
Is it also applicable to use in Ionic 2 / 3 ?
Thank you.
$$_gendir cannot find module 'ng4-intl-phone' error i am getting during publish
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
Hi,
Wondering is there any event emitter/method which will tell which country is user has selected
-Sadik
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.