NumericTextBoxComponent

Represents the Kendo UI NumericTextBox component for Angular.

Selector

kendo-numerictextbox

Export Name

Accessible in templates as #kendoNumericTextBoxInstance="kendoNumericTextBox"

Inputs

autoCorrect

Specifies whether the value will be auto-corrected based on the minimum and maximum values (see example).

decimals

Specifies the number of decimals that the user can enter when the input is focused (see example).

disabled

Determines whether the NumericTextBox is disabled (see example).

max

Specifies the greatest value that is valid (see example).

min

Specifies the smallest value that is valid (see example).

placeholder

Specifies the input placeholder.

rangeValidation

Determines whether the built-in minimum or maximum validators are enforced when a form is validated.

The 4.2.0 Angular version introduces the min and max validation directives. As a result, even if you set rangeValidation to false, the built-in Angular validators will be executed.

readonly

Determines whether the NumericTextBox is in its read-only state (see example).

selectOnFocus

Determines whether the whole value will be selected when the NumericTextBox is clicked. Defaults to true.

spinners

Specifies whether the Up and Down spin buttons will be rendered (see example).

step

Specifies the value that is used to increment or decrement the component value (see example).

tabindex

Specifies the tabindex of the component.

title

Sets the title of the input element of the NumericTextBox.

value

Specifies the value of the NumericTextBox (see example).

format

Specifies the number format which is used when the NumericTextBox is not focused (see example). If format is set to null or undefined, the default format will be used.

Events

blur

Fires each time the input element gets blurred (see example).

focus

Fires each time the user focuses the input element (see example).

valueChange

Fires each time the user selects a new value (see example).

Methods

blur

Blurs the NumericTextBox.

focus

Focuses the NumericTextBox.

Copy Code@Component({
selector: 'my-app',
template: `
 <button (click)="numerictextbox.focus()">Focus NumericTextBox</button>
 <kendo-numerictextbox #numerictextbox></kendo-numerictextbox>
`
})
class AppComponent { }

notifyValueChange

Notifies the NumericTextBoxComponent that the input value should be changed. Can be used to update the input after setting the component properties directly.