Delete dial code

[Alexise857]

Hi all, so basically I can succesfully save to my backend the phone number with its dial code, which is used to send sms, however, once I get the phone number back from my server, it shows the flag and the number, I would like to only have the number without the dial code since showing the flag is enought

https://stackblitz.com/edit/ngx-intl-tel-input-demo-ng-10-fybvpx?file=src/app/app.component.ts

[pasevin]

I think you should do the manipulation yourself. Meaning, remove the dial code manually. Unless you have a better proposal :)

[Alexise857]

Any idea on how can that be done?

[pasevin]

If your phone numbers are saved in a consistent format using "internationalNumber": "+1 415-629-7292", field. Then I think it can be cleaned like so:

private removeDialCode(phoneNumber: string): string {
    if (phoneNumber.startsWith('+')) {
        phoneNumber = phoneNumber.substr(phoneNumber.indexOf(' ') + 1);
    }
    return phoneNumber;
}

[Alexise857]

That would work if I had the following formar +1 415-629-7292; however I'm storing on my database +14156297292 without any space, in that case, do you know how to find the dial code?

[gotwig]

If you use a formControl I think this is the code you are looking for:

this.formControl.valueChanges.subscribe((event: any) => {

  if (this.formControl) {
    if (event?.number?.includes('+')) {
      this.formControl.setValue(this.formControl.value.nationalNumber);
    }

}

This code does the following: when formControl value gets set first, it will trigger this function. Then it checks if the current shown number includes a + (so includes dial code), if it does, we set the current value to the nationalNumber instead, which is the one without dial code.

I hope this solves the problem.