jQWidgets
  • Docs
  • License and Pricing
  • Services
  • Community
    • Forums
    • Blogs
    • Follow Us
    • Client Login
  • About
    • About Us
    • Contact Us
    • FAQ
  • Products
    • Angular
    • React
    • Vue
    • jQuery
    • Web Components
    • Blazor
    • Svelte
    • Templates
  • Download
Angular UI Components
  • Javascript/jQuery
  • Angular
  • Vue
  • React
  • Web Components
  • Blazor
  • Templates
  • Theme Builder
  • Artavolo
Show Demo List

Angular UI Components (Angular 16–22 supported)

Data Grids and Tables

  • jqxGrid
  • jqxPivotGrid
  • jqxTreeGrid
  • jqxDataTable

Charts and Visualization

  • jqxChart
  • jqxGauge
  • jqxBarGauge
  • jqxBulletChart
  • jqxHeatMap
  • jqxTreeMap
  • jqxRangeSelector
  • jqxBarcode New
  • jqxQRcode New
  • jqxDraw

Scheduling and Planning

  • jqxScheduler
  • jqxGantt
  • jqxKanban
  • jqxTimeline

AI and Collaboration

  • jqxChat New

Editors and Inputs

  • jqxEditor
  • jqxForm
  • jqxDateTimeInput
  • jqxCalendar
  • jqxTimePicker
  • jqxInput
  • jqxNumberInput
  • jqxMaskedInput
  • jqxFormattedInput
  • jqxComplexInput
  • jqxPasswordInput
  • jqxTextArea
  • jqxColorPicker
  • jqxSlider
  • jqxKnob
  • jqxRating
  • jqxButtons
  • jqxCheckBoxGroup New
  • jqxFileUpload
  • jqxValidator
  • jqxValidator

Lists and Selection

  • jqxDropDownList
  • jqxComboBox
  • jqxListBox
  • jqxTree
  • jqxPickList New

Navigation and Menus

  • jqxTabs
  • jqxMenu
  • jqxToolBar
  • jqxRibbon
  • jqxNavigationBar
  • jqxNavBar
  • jqxListMenu

Layout and Containers

  • jqxSplitter
  • jqxLayout
  • jqxDockingLayout
  • jqxDocking
  • jqxSplitLayout
  • jqxPanel
  • jqxExpander
  • jqxResponsivePanel
  • jqxScrollView
  • jqxScrollBar

Popups and Feedback

  • jqxWindow
  • jqxNotification
  • jqxTooltip
  • jqxPopOver
  • jqxLoader
  • jqxProgressBar

Data and Utilities

  • jqxDragDrop
  • jqxSortable

jqxNumberInput

  • Default Functionality
  • Validation
  • Settings
  • Simple Input Mode
  • Templates
  • Fluid Size
  • Events
  • Right to Left Layout
  • Two-way Data Binding
Theme:
  • Demo
  • App.htm
  • app.ts
  • app.html
  • main.ts
  • API Reference

Angular Number Input UI Component

The Number Input for Angular displays a scrollable DIV container with our jQWidgets scrollbars.

angular numberinput

About jqxNumberInput for Angular

jqxNumberInput is the jQWidgets NumberInput component for Angular. Numeric input with spin buttons, currency and percentage modes and min/max limits.

9 jqxNumberInput demos with source code

  • Default Functionality – The default functionalities of Angular NumberInput.
  • Validation – The validation in Angular Calendar.
  • Settings – The settings available in Angular NumberInput.
  • Simple Input Mode – The simple input of Angular NumberInput.
  • Templates – The templates available in Angular NumberInput.
  • Fluid Size – The width and height of Angular NumberInput are set in percentages.
  • Events – The events that occur in Angular NumberInput.
  • Right to Left Layout – The right to left support of Angular NumberInput.
  • Two-way Data Binding – The two way data binding in Angular NumberInput.

jqxNumberInput API

jqxNumberInput has 29 properties, 3 events and 6 methods, all in the API reference. Its main members, those its demos use first:

  • spinButtons (property) – Shows or hides the spin buttons.
  • symbol (property) – Sets or gets the string to use as currency or percentage symbol.
  • change (event) – This event is triggered when the value is changed and the control's focus is lost.
  • digits (property) – Sets or gets the digits in the input
  • symbolPosition (property) – Sets or gets the position of the symbol in the input.
  • min (property) – Sets or gets the input's minimum value.
  • value (property)
  • inputMode (property) – Sets or gets the input's mode.
  • max (property) – Sets or gets the input's maximum value.
  • template (property) – Determines the template as an alternative of the default styles.

Learn more

  • Getting started
  • API reference
  • JavaScript version
jQWidgets
  • Facebook
  • X (Twitter)
  • Demo
  • Download
  • Documentation
  • License and Pricing
  • Services
  • Products
  • Angular UI Components
  • React UI Components
  • Vue UI Components
  • Blazor UI Components
  • jQuery UI Components
  • Javascript UI Components
  • Svelte Data Grid (SvGrid)
  • Forums
  • About
  • Terms of Use
  • Privacy Policy
  • Contact Us

jQWidgets © 2011-2026. All Rights Reserved.