search

azzamasghar1 / ion-intl-tel-input

An Ionic component for International Phone Number Input, that allows all countries, validation with google phone lib, limited countries, preferred countries, virtual scrolling and much more.
MIT License
28 stars 51 forks source link

'Country' placeholder in ionic-selectable is not intl-able #43

Open cmouze opened 2 years ago

cmouze commented 2 years ago

I use ion-intl-tel-input in ionic 6/angular 12 application. I get this:

image

How can I display Pays (country in french) instead of Country? This is my HTML code: <ion-intl-tel-input inputPlaceholder="" defaultCountryiso="fr" [preferredCountries]="preferredCountries" [onlyCountries]="onlyCountries" modalTitle="Sélection d'un pays" modalSearchPlaceholder="Chercher un pays" modalCloseText="Fermer" [selectFirstCountry]="false" formControlName="phoneNumber">

I have tried placeholder='' or placeholder='Pays' without success :( Does anybody can help me ? Where I am wrong ?

caporalCoder commented 2 years ago

In your .ts file, try to set the disabled field in the FormControl to false. 

phoneNumber: new FormControl({
        value: this.formValue.phoneNumber,
        disabled: false
}, [...])

It works for me.