File

input/src/billing-number/billing-number.directive.ts

Description

The directive is applied to an InputComponent (<input talenra-input talenra-billing-number />) to support users entering billing numbers (German: "Abrechnungsnummer", e.g. AB.123.456).

• Auto-format input values
• Converts letters to upper-case

You might want to limit the input value to 17 characters (the maximum length of billing numbers including separators).

<talenra-form-field label="Abrechnungsnummer">
  <input talenra-input talenra-billing-number formControlName="billingNumber" type="text" maxlength="17" />
</talenra-form-field>

You might want to use InputValidator.billingNumber to validate the input.

form: FormGroup = new FormGroup({
 billingNumber: new FormControl('', [InputValidators.billingNumber]),
});

Example for a valid input: A1.234.567

Import

import { BillingNumberDirective } from '@talenra/components/input';

See InputValidators.billingNumber

../../../#/input

Implements

OnInit