File

packages/components/eui-input-number/eui-number-control.directive.ts

Description

Directive for the EuiInputNumberComponent. This directive is used to handle the value changes of the input element and update the value of the directive and the form control. It also implements the ControlValueAccessor interface to allow the directive to be used with reactive forms.

With Reactive Forms

form = new FormGroup({
  price: new FormControl(0)
});

<input euiInputNumber formControlName="price" [fractionDigits]="2" />

Accessibility

• Integrates with Angular Forms validation
• Automatically handles disabled state

Notes

• Automatically applied when using formControl, formControlName, or ngModel
• Handles large number precision by returning strings when needed

Implements

ControlValueAccessor Validator OnInit