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
    • Templates
  • Download
Javascript/jQuery UI Widgets
  • Javascript/jQuery
  • Angular
  • Vue
  • React
  • Web Components
  • Blazor
  • ASP .NET MVC
  • Templates
  • Theme Builder
Show Demo List

Web UI Widgets

  • jqxGrid
  • jqxTabs
  • jqxTextArea
  • jqxWindow
  • jqxKnob
  • jqxResponsivePanel
  • jqxGantt(NEW)
  • jqxChart
  • jqxMenu
  • jqxInput
  • jqxDocking
  • jqxGauge
  • jqxNavBar
  • jqxPivotGrid
  • jqxTree
  • jqxPasswordInput
  • jqxNotification
  • jqxBarGauge
  • jqxTagCloud
  • jqxScheduler
  • jqxNavigationBar
  • jqxMaskedInput
  • jqxPopOver
  • jqxExpander
  • jqxLoader
  • jqxTreeGrid
  • jqxListMenu
  • jqxComplexInput
  • jqxTooltip
  • jqxRating
  • jqxDraw
  • jqxDataTable
  • jqxToolBar
  • jqxFormattedInput
  • jqxColorPicker
  • jqxRangeSelector
  • jqxDragDrop
  • jqxTreeMap
  • jqxComboBox
  • jqxNumberInput
  • jqxScrollView
  • jqxSlider
  • jqxDataAdapter
  • jqxEditor
  • jqxDropDownList
  • jqxDateTimeInput
  • jqxProgressBar
  • jqxScrollBar
  • jqxResponse
  • jqxRibbon
  • jqxListBox
  • jqxCalendar
  • jqxFileUpload
  • jqxSplitter
  • jqxValidator
  • jqxSplitLayout
  • jqxBarcode (NEW)
  • jqxQRcode (NEW)
  • jqxLayout
  • jqxButtons
  • jqxKanban
  • jqxBulletChart
  • jqxSortable
  • jqxPanel
  • jqxDockingLayout
  • jqxForm
  • jqxTimePicker
  • jqxTimeline
  • jqxHeatMap

Integration & Tools

  • Chart Studio(Beta)
  • JSEditor
  • Angular
  • Typescript
  • KnockoutJS
  • Bootstrap
  • RequireJS
  • jQuery Mobile
  • ASP .NET
  • PHP
  • Java
  • Mobile Demos

jqxAngular

  • Create a widget
    using an Attribute
  • Create a widget
    using a Tag
  • Create a widget
    using jqxCreate
  • Event Handling
  • Using jqxWatch
  • Load scripts on demand
  • ngModel
  • ngModel
    with Widget values
  • Buttons
    • Overview
    • Button created
      using an Attribute
    • Button
    • Button Group
    • Button Templates
    • CheckBox
    • DropDownButton
    • Link Button
    • Radio Button
    • Repeat Button
    • Toggle Button
    • Fluid Size
    • Right to Left Layout
  • Bullet Chart
  • Calendar
    • Overview
    • Disabled Calendar
    • Display Weekends
    • Events
    • First Day of Week
    • Keyboard Navigation
    • Localization
    • Range Selection
    • Restrict Date Range
    • Special Dates
    • Show Week of the Year
    • Fluid Size
    • Right to Left Layout
  • Chart
    • Overview
    • Line Series
    • Stacked Line Series
    • 100% Stacked Line Series
    • Line Series Markers
    • Line Serie with missing points
    • Line Serie with
      conditional colors
    • Line Serie with
      multiple data sources
    • Step line Series
    • Spline Series
    • Area Series
    • Stacked Area Series
    • 100% Stacked Area Series
    • Area Spline Series
    • Column Series
    • Column Series
      with Local data
    • Stacked Column Series
    • Stacked and Grouped
      Column Series
    • 100% Stacked Columns
    • Column Serie with
      conditional colors
    • Column Range
    • Bar Series
    • Negative Values
    • Negative Bar Series
    • Columns series with
      missing values
    • Column series with
      labels
    • Multiple Series Types
    • Pie Series
    • Pie Series Legend
    • Partial Pie Series
    • Donut Series
    • Donut Labels
    • Columns with Logarithmic Axis
    • Columns with base 10 Logarithmic Axis
    • Logarithmic Axis Base Line
    • Percentage Stacked Columns
    • Stacked Columns
    • Spline Area
    • Columns Range
    • Date/time x-axis range selection
    • Non-date x-axis range selection
    • Candlestick Chart
    • OHLC Chart
    • Polar Chart
    • Bubble Chart
    • Scatter Chart
    • Live Updates
    • Live Updates per second
    • Live Updates Performance
    • Export to Image
    • Chart Printing
    • Axis Position
    • Axis Orientation
    • Right to Left Layout
    • Text Rotation
    • Text Wrapping
    • Alternating Background Color
    • Tooltip Formatting
    • Chart Crosshairs
    • Grid Lines Dash Style
    • Greyscale Series
    • Custom Styling
    • Custom Drawing
    • Color Bands
    • Themes
    • Fluid Size
    • Chart Events
  • Color Picker
  • ComboBox
    • Overview
    • Binding to Array
    • Checkboxes
    • Categories
    • Events
    • Load from Select
    • Load from UL
    • Multiselect
    • Keyboard Navigation
    • Settings
    • Rendering
    • Binding to JSON
    • Binding to XML
    • Animation
    • Alignment
    • Fluid Size
    • Right to Left Layout
  • DataTable
    • Overview
    • DataTable Sorting
    • DataTable Dialog Edit
    • DataTable Custom Cell Template
    • DataTable Custom Editor
    • Local Data
    • XML Data
    • JSON Data
    • CSV Data
    • TSV Data
    • Row Template
    • Row Details
    • Row Selection & Hover
    • Columns Hierarchy
    • Column Formatting
    • Column Alignment
    • Column Resize
    • Column Reorder
    • Show or Hide Column
    • Pinned(Frozen) Column
    • Column Template
    • Header Template
    • Inline Row
    • Dialog
    • Command Column
    • Lock Row
    • Cell Edit
    • Custom Editors
    • Validation
    • Sorting
    • Sorting API
    • Filtering
    • Search Field
    • Advanced Filtering
    • Filtering API
    • Paging
    • Paging API
    • Nested Tables
    • Separate Tables
    • Aggregates
    • Aggregates Template
    • Grouping
    • Data Export
    • Data Printing
    • Localization
    • Conditional Formatting
    • Fluid Size
    • Keyboard Navigation
    • Right to Left Layout
  • DateTimeInput
    • Overview
    • Keyboard Navigation
    • Localization
    • Events
    • Animations
    • Alignment
    • Range Selection
    • Restrict Date Range
    • Format Dates
    • Date & Time
    • Fluid Size
    • Right to Left Layout
  • Docking
  • DropDownList
    • Overview
    • Binding to Array
    • Checkboxes
    • Categories
    • Events
    • Load from Select
    • Load from UL
    • Filtering
    • Auto Open
    • Keyboard Navigation
    • Rendering
    • Binding to JSON
    • Binding to XML
    • Animation
    • Alignment
    • Fluid Size
    • Right to Left Layout
    • DropDownList with Angular UI Router
  • Docking Layout
  • Editor
  • Expander
  • Gauge
  • Grid
    • Overview
    • Grid Binding to JSON
    • Grid using jqxSettings
    • DropDown Grid
    • Grid with scripts loaded on demand
    • Refresh Grid data
    • Master Details
  • Input
  • Kanban
  • Knob
  • ListBox
    • Overview
    • ListBox with Input
    • Binding to Array
    • Checkboxes
    • Categories
    • Events
    • Load from Select
    • Load from UL
    • Multiselect
    • Keyboard Navigation
    • Filtering
    • Rendering
    • Binding to JSON
    • Binding to XML
    • Fluid Size
    • Right to Left Layout
  • Layout
  • Loader
  • ListMenu
  • MaskedInput
  • Menu
    • Overview
    • Center Menu Items
    • Context Menu
    • Menu Events
    • Vertical Menu
    • Open Direction
    • Minimized Menu
    • Keyboard Navigation
    • Menu Images
    • Fluid Size
    • Right to Left Layout
  • NavigationBar
  • Notification
  • NumberInput
  • Panel
  • PasswordInput
  • Popover
  • ProgressBar
  • RangeSelector
  • Rating
  • Responsive Panel
  • Scheduler
  • ScrollBar
  • ScrollView
  • Slider
  • Splitter
  • TagCloud
  • TextArea
  • Tabs
    • Overview
    • Close Buttons
    • Events
    • Images
    • Keyboard Navigation
    • Reorder
    • Scrolling
    • Settings
    • Fluid Size
    • Right to Left Layout
    • Tabs Integration
    • Tabs with multiple Controllers
  • Tooltip
  • Tree
  • TreeGrid
  • TreeMap
  • Validator
  • Window
Theme:
Fluent
  • Demo
  • View Source
  • API Reference

jQWidgets AngularJS Integration Examples

All JavaScript widgets in the jQWidgets framework integrate seamlessly with AngularJS through a plugin called jqxAngular. This plug-in includes AngularJS directives for all the widgets in the framework. In order to use JQWidgets with AngularJS you have to add references to jQuery, AngularJS, jqxCore and jqxAngular.

To learn more how to use jQWidgets with AngularJS check our documentation: Getting Started with AngularJS

Benefits of using JQWidgets

  • Works across devices and browsers
  • Web Standards Compliant
  • Works well with other popular JS Frameworks
  • Rich and easy to use JavaScript API
  • Optimized for Performance
  • Easy customization and built-in themes
  • Localization
jQWidgets
  • Facebook
  • Twitter
  • Demo
  • Download
  • Documentation
  • License and Pricing
  • Services
  • Forums
  • About
  • Terms of Use
  • Privacy Policy
  • Contact Us

jQWidgets © 2011-2025. All Rights Reserved.