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

jqxComplexInput

  • Default Functionality
  • Spin Buttons
  • Validation
  • Exponential Notation
  • Change Event
  • Fluid Size
  • Two-way Data Binding
Theme:
  • Demo
  • App.htm
  • app.ts
  • app.html
  • main.ts
  • API Reference

Angular ComplexInput UI Component

The ComplexInput component for Angular is used to edit complex and scientific numbers.

angular complex input

About jqxComplexInput for Angular

jqxComplexInput is the jQWidgets ComplexInput component for Angular. Input for complex numbers in algebraic form.

7 jqxComplexInput demos with source code

  • Default Functionality – The default functionalities in Angular ComplexInput.
  • Spin Buttons – This example of Angular ComplexInput shows how to change the real or imaginary part of the complex number.
  • Validation – The validator in Angular ComplexInput.
  • Exponential Notation – Of Angular ComplexInput the imaginary parts of the input can be displayed as different ways.
  • Change Event – The events in Angular ComplexInput.
  • Fluid Size – The width and height of Angular ComplexInput are set in percentages.
  • Two-way Data Binding – The Two way data binding of Angular ComplexInput.

jqxComplexInput API

jqxComplexInput has 12 properties, 1 event and 7 methods, all in the API reference. Its main members, those its demos use first:

  • value (property) – Sets or gets the value of the jqxComplexInput widget.
  • spinButtons (property) – Shows or hides the spin buttons.
  • getReal (method) – Gets the real part of the entered number.
  • getImaginary (method) – Gets the imaginary part of the entered number.
  • change (event) – This event is triggered when the value is changed.
  • spinButtonsStep (property) – Sets or gets the increase/decrease step.
  • decimalNotation (property) – Sets or gets the notation in which to display the real and imaginary parts of the complex number.
  • getDecimalNotation (method)
  • placeHolder (property) – Sets or gets the jqxComplexInput's placeholder.
  • roundedCorners (property) – Enables or disables the rounded corners functionality.

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.