Country Flag image icon URl 404 about ngx-international-phone-number HOT 7 OPEN

Until they fix it, a temporary fix is to download the image yourself:

and then in your component css:

::ng-deep .flag {
    background-image: url('path/to/image.jpg') !important;
}

or in your global styles.css

.flag {
    background-image: url('path/to/image.jpg') !important;
}

from ngx-international-phone-number.

Issue resolved,
I have also faced same issue then after I made change in style.css/scss with this
.flag {
background: url(https://res.cloudinary.com/dvbuhh0bl/image/upload/v1495279723/flags_boi3c5.png); // removed no-repeat
//background: url(https://res.cloudinary.com/dvbuhh0bl/image/upload/v1495279723/flags_boi3c5.png) no-repeat; // commented this line
background-image: url(assets/images/country-flags.jpg) !important;
}

where assets/images/country-flags.jpg is contains following downloaded img
https://user-images.githubusercontent.com/20545357/90998272-b5b86280-e591-11ea-992b-c422d78070e2.jpg

from ngx-international-phone-number.

Just add

.flag { background-image: url('assets/images/country-flags.jpg') !important; }

in your styles.scss

and use this file and place in assets folder

from ngx-international-phone-number.

this issue is fixed in this library, basically this library is a stable and maintained version of ngx-international-phone-number,
you can use and explore it from here https://www.npmjs.com/package/ng-phone-number
Flag issue is also fixed here

from ngx-international-phone-number.

same issue !! please fix it

from ngx-international-phone-number.

Facing the same issue. Please fix it as soon as possible.

from ngx-international-phone-number.

We are facing the same issue as well. Would appreciate a quick fix as soon as possible

from ngx-international-phone-number.