@desource/phone-mask-angular
+Interactive component and service playground
+Valid phone number
+ } + ` +}) +export class CheckoutPhoneComponent { + readonly phoneDigits = signal(''); + readonly isValid = signal(false); + + onPhoneChange(phone: PMaskPhoneNumber): void { + console.log(phone.digits, phone.full, phone.fullFormatted); + } +} +``` + +The component also works as an Angular form control: + +```html +{{ '2025551234' | phoneMask }}
+{{ '2025551234' | phoneMask: { mode: 'fullFormatted' } }}
+ ` +}) +export class PhoneSummaryComponent {} +``` + +## Custom Templates + +```html +Interactive component and service playground
+