Angular directive USA telephone number

Question

I found the solution for USA telephone numbers, see stackblitz .

But how can I add "+1" to the beginning of the telephone mask? So it should be like: +1(123) 234-2345

Answer 1

First, remove it if its there:

if (event.startsWith('+1')) {
  newVal = newVal.substring(1); 
}

Then prepend it in the end:

newVal = '+1 ' + newVal;

See stackblitz .