Questions tagged [ngx-international-phone-number]

An Angular plugin that allows for telephone inputs. Use with the [angular] tag

14 questions
2
votes
0 answers

ngx-intl-tel-input - 'PhoneNumberUtil' is not exported by node_modules\google-libphonenumber\dist\libphonenumber.js

I'm using below NPM packages as suggested by package, "ngx-intl-tel-input": "2.2.1", "ngx-bootstrap": "^5.1.1", "google-libphonenumber": "^3.2.2", "intl-tel-input": "^14.0.6", And as suggested, imported below in…
user2608601
  • 147
  • 1
  • 10
1
vote
1 answer

How to search by country by country code in ngx-intl-tel-input

I am using this stackblitz link to implement phone number field in my application However I noticed that we cannot search country by typing country code such as +231 in country search dropdown. If I type country name then it takes me to the country…
1
vote
2 answers

Fix the upstream dependency conflict in Angular

I know the answer to this question is already available on SOF but I can't use --legacy-peer-deps or --force on my production server that's why I want to learn the real reason behind why this error occurs and want to fix it. On installing some…
1
vote
0 answers

ngx-mat-intl-tel-input - Angular 11 support

I'm using Angular 11.2.1 and try to use a ngx - mat-Intl-tel-input. When I am installing the package cli shows it has peer dependencies are set to 9.0.0. And If I try to implement with angular 11 project the ngx-mat-tel-input is hidden in UI. But…
1
vote
1 answer

Material input for select Country code and insert phone number in Angular 7

I have form and i am using Angular material library for input, i need standard input for select country code and then insert phone number, there is any solution for this issue?
0
votes
1 answer

How to place a custom placeholder in ngx-intl-tel-input before country selection

Need to have a placeholder like 'Office Phone' in 'ngx-intl-tel-input' before the country code selection and number input happens
0
votes
0 answers

How to show searched value on top of the dropdown of ngx-intl-tel-input package in Angular

I want to searched value placed on top of the dropdown of ngx-intl-tel-input in Angular. Ex. If I search Germany, then Germany should be show on top. You can look below screen shot I have tried many way like pick li by class but no luck.
0
votes
0 answers

Keyboard accessibility , cannot tabulate the component ngx-int-tel-input

I'm trying to use ngx-int-tel-input for my project so I referred to the demo page of component . They said that it is keyboard accessible, however, we cannot tabulate the component, and have access to it with keyboard arrows . Do you have any…
0
votes
1 answer

ERROR TypeError: a.getCountryCodeOrDefault is not a function

I'm trying to use google-libphonenumber package in an Angular project for validating phone number import { PhoneNumberUtil } from 'google-libphonenumber'; public phoneUtil = PhoneNumberUtil.getInstance(); …
0
votes
1 answer

Problem with clone existing angular project

I had cloned an angular project to my new computer and run npm install but still I face the next problem Module '"../../../../../node_modules/ngx-intl-tel-input/ngx-intl-tel-input"' has no exported member 'TooltipLabel'. this is my import in the…
Igal Ioffe
  • 27
  • 3
0
votes
1 answer

Setting country code ngx-intl-tel-input with angular 5

Trying to implement ngx-intl-tel-input. But getting an error. here is the Stackblitz Link with some package changes. please follow the versions of ngx-bootstrap, angular, and other related things. I think its a compatibility issue. Here are my…
Abdur Rahim
  • 3,975
  • 14
  • 44
  • 83
0
votes
2 answers

ngx-international-phone-number to cant added style

Im used my angular project for this ngx-international-phone-number, I tried to add style, but its not worked for me, anyone know how to add correctly css on this input Look my image, button and input filed is not aligned StackBlitz…
core114
  • 5,155
  • 16
  • 92
  • 189
-2
votes
1 answer

Keyboard appears and disappears automatically after focusing on widget

I am using widget called InternationalPhoneNumberInput() (which seems like TextField) to validate phone numbers.But when I focus on the widget, the keyboard appears and disappears automatically. You can see the widget code below. Widget…