How to mask phone number without having change in model

Question

I have one input field for the password. I have applied masking on it to format the phone number. But the issue is I am getting formatted number in ng-model variable as well.

Code -

<div class="mb-4">
<label class="form-label" for="singupPhoneNumber"> Phone Number </label><span class="text-danger">*</span>
<input type="text" id="singupPhoneNumber" name="cellPhone"
ng-model="userData.phone"
ng-maxlength="14" ng-minlength="14"
class="form-control js-input-mask"
placeholder="Enter Phone Number"
data-hs-mask-options='{"mask": "(000) 000-0000"}'
ng-required="true">
<span class="text-danger" ng-show="mainForm.cellPhone.$touched && mainForm.cellPhone.$invalid">Please enter your phone number.</span>
</div> 

In userData.phone I am getting formatted value like - (111) 232-3235

How can I get unformatted clean value in model variable but formatting should be in input box?

I am using jQueryMask