kondi0 / ng4-intl-phone Goto Github PK

i need the option to get ng-model value with seperator.
for ex: +91-8610442442

How to get code and number separately?

The locale you have selected should be visually selected in the menu (maybe with the bootstrap active class) and scrolled to.

Is it also applicable to use in Ionic 2 / 3 ?

Thank you.

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

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

When I import <int-phone-prefix [(ngModel)]="phoneNumber"></int-phone-prefix>
Then in template, I press the flag button. The form was submitted?

When I try to enter a value (on keypress) I'm getting this error. Kindly fix it

I have added [locale]="'en'" but the country names are still in Spanish

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>`

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

On https connection, you get error since you are fetching flag sprite from cloudinary on http. Thats mixed content error

I'm submitting this as an improvement request.

I think it would be great if this component could work as a FormControl.

$$_gendir cannot find module 'ng4-intl-phone' error i am getting during publish

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 would like to have a placeholder for input field. How can I do that?

Austria phone code is missing, also the Vatican flag is displayed instead of Italian when you enter Italy phone code.

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.

https://github.com/kondi0/ng4-intl-phone/blob/master/src/lib/src/service/country.service.ts
Please add it since it is required

Hi,
Wondering is there any event emitter/method which will tell which country is user has selected

-Sadik

Hi,
Could you please update the relevant dependencies to angular 6.x?

My app is complaining now that I updated to angular 6.

Cheers

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]

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.