英文:
How to place a custom placeholder in ngx-intl-tel-input before country selection
问题
需要在“ngx-intl-tel-input”中在选择国家代码和输入号码之前有一个占位符，类似于'Office Phone'。
尝试使用以下两个字段进行设置，但输入框仍然为空：
[enablePlaceholder]="true"
[customPlaceholder]="Office Phone"
目前正在使用Angular 12。如果有其他库可以实现所期望的结果，请提供建议。
英文:
Need to have a placeholder like 'Office Phone' in 'ngx-intl-tel-input' before the country code selection and number input happens
<form #f="ngForm" [formGroup]="phoneForm"><div class="wrapper"><ngx-intl-tel-input[cssClass]="'custom'"[enableAutoCountrySelect]="true"[enablePlaceholder]="true"[customPlaceholder]="Office Phone"[searchCountryFlag]="true"[searchCountryField]="[SearchCountryField.Iso2,SearchCountryField.Name]"[selectFirstCountry]="false"[maxLength]="15"[phoneValidation]="true"[separateDialCode]="separateDialCode"[numberFormat]="PhoneNumberFormat.National"name="phone"formControlName="phone"></ngx-intl-tel-input></div></form>
Trying to set it using below two fields but the still the input box looks empty
[enablePlaceholder]="true"[customPlaceholder]="Office Phone"
Currently using Angular 12.Kindly suggest if any other library could give the desired result.
答案1
得分: 0
[enablePlaceholder]="true"
customPlaceholder="手机号码"
无属性绑定的占位符有效。
感谢
@Fazeel Ashraf
英文:
[enablePlaceholder]="true"customPlaceholder="Mobile Number"
Placeholder without the property binding works.
-
Credits to
@Fazeel Ashraf
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论