bank sort code formatter in angular typescript [closed]

<input
type="text"
nz-input
appSortCodeFormatter
maxlength="8"
nzSize="large"
placeholder="Account Sort code"
formControlName="sort_code">


ts:

addMoreFinancialDetails() {
const financial_details = this.supplierForm.get('financial_details') as FormArray;
const financialDetailGroup = this.formBuilder.group({
local_bank_details: new FormGroup({
bank_ac_no: new FormControl(''),
bank_ac_name: new FormControl('', Validators.compose([
Validators.pattern(/^[A-Za-z\s']+$/)
])),
account_holder_name: new FormControl('', Validators.compose([
Validators.pattern(/^[A-Za-z\s']+$/)
])),
sort_code: new FormControl(''),
}),
});

financial_details.push(financialDetailGroup);
this.validationMessege();
}


i need when type value in sort code it must be numeric value

and when i type 00 it will show then - (hyphen) and next value 00 it will auto set - (hyphen) then value

so format will

00-00-00 like this

Continue reading...