Countries-flags-dial-iso2 NPM

CountriesFlagsDialIso2

This component is a drop-down that should contain all countries.
Each drop-down item will show

Country flag
Country Name in English and country language
Dial number

Note: The flags css and flags image was taken from library vue-country-code which is designed for vue framework.
CountriesFlagsDialIso2 is generated mainly for Angular

How to use

run npm install countries-flags-dial-iso2 --save
Import the module CountriesFlagsDialIso2Module into the module where your component belong to

Component API

id: string id will be assigned to the input tag
formControlCustom: FormControl to be used in reactiveForm
ex: [formControlCustom]=myForm.get('mobile-number'). only the entered input will be emitted to reactive form and you have to set the country dial manually by using (selectCountryEmitter)
defaultCountryByIso2: string the selected country by default using iso2 code.
ex: [defaultCountryByIso2]='us' this will make default country is USA
selectCountryEmitter this will emit the selected country as object.
ex : {name: "United Arab Emirates (‫الإمارات العربية المتحدة‬‎)", iso2: "ae", dial: "971", mobileFormat: ""}