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
npm install countries-flags-dial-iso2This 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
npm install countries-flags-dial-iso2 --saveCountriesFlagsDialIso2Module into the module where your component belong toid: string id will be assigned to the input tag formControlCustom: FormControl to be used in reactiveForm [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. [defaultCountryByIso2]='us' this will make default country is USA selectCountryEmitter this will emit the selected country as object. {name: "United Arab Emirates (الإمارات العربية المتحدة)", iso2: "ae", dial: "971", mobileFormat: ""}