Syncfusion Feedback
Choose Framework
Controls
  • Grids
    • Data Grid
    • Tree Grid
    • Spreadsheet
    • Pivot Table
  • Data Visualization
    • Charts
    • Stock Chart
    • Circular Gauge
    • Diagram
    • Maps
    • Bullet Chart
    • Kanban Board
    • Sparkline Charts
    • Charts
    • 3D Circular Charts
    • Linear Gauge
    • HeatMap Chart
    • TreeMap
  • Forms
    • Query Builder
  • Notification
    • Toast
    • Message
    • Skeleton
  • Editors
    • Rich Text Editor
    • Word Processor
    • Image Editor
  • Buttons
    • Button
  • Calendars
    • Scheduler
    • Gantt Chart
    • Calendar
    • DatePicker
    • DateRangePicker
    • DateTime Picker
    • TimePicker
  • DropDowns
    • AutoComplete
    • ComboBox
    • DropDownList
    • DropDown Tree
    • MultiSelect Dropdown
    • ListBox
    • Mention
  • Layout
    • ListView
    • Card
    • Dialog
    • Dashboard Layout
    • Timeline
    • Splitter
    • Avatar
  • Navigation
    • AppBar
    • Breadcrumb
    • Carousel
    • Menu Bar
    • Tabs
    • Sidebar
    • Toolbar
    • TreeView
    • File Manager
    • Context Menu
    • Accordion
    • Stepper
  • Inputs
    • Numeric Textbox
    • File Upload
    • Color Picker
    • Signature
    • Input Mask
    • Slider
    • In-place Editor
    • Rating
    • OTP Input
    • TextBox
    • Radio Button & Checkbox
    • TextArea
  • Smart Components
    • Smart TextArea
  • Interactive Chat
    • AI AssistView
  • General
    • Angular UI Kit

Angular ComboBox - Tutorial Videos

Go Back
thumbnail image

Watch video

Getting Started with the Angular ComboBox Component

Learn how easily you can create and configure the Syncfusion Angular ComboBox component using the Angular CLI tool and Syncfusion ej2-angular-dropdowns package. This video also explains how to configure a few of the control's basic features like binding complex and remote data, auto filling data, and customizing the pop-up.

Download Example: Getting Started with the Angular ComboBox

Topics included
1. Introduction 00:00 min
2. Create an Angular project 00:37 min
3. Add a ComboBox component 01:11 min
4. Bind an array list 02:53 min
5. Bind a JSON object 03:34 min
6. Bind an array of complex data 04:22 min
7. Bind remote data 05:04 min
8. Customize pop-up height and width 06:41 min
9. Autofill 07:15 min
Plaform: Angular Show more
thumbnail image

Watch video

Customize the Angular ComboBox Using Templates

Learn how to customize our Angular ComboBox list items, values, header, and footer using templates. You will also learn how to add custom values to the ComboBox popup list using templates.

Download Example: Customize the Angular ComboBox Using Templates

Topics included
1. Introduction 00:00 min
2. Item template 01:08 min
3. Header template 01:58 min
4. Footer template 02:34 min
5. Adding custom value 03:31 min
6. No-records template 05:13 min
Plaform: Angular Show more
thumbnail image

Watch video

How to Group and Filter Items in the Angular ComboBox Component

Learn how to categorize the Syncfusion Angular ComboBox list items using the grouping feature and its template. I will also show you how to filter data items with different filter types, and also case sensitive and diacritic filtering.

Download Example: Group and Filter Items in the Angular ComboBox

Topics included
1. Introduction 00:00 min
2. Group ComboBox list items 01:16 min
3. Group templates 01:38 min
4. Apply filter 02:13 min
5. Change the filter type 02:32 min
6. Ignore Case 03:58 min
7. Diacritic filtering 04:24 min
Plaform: Angular Show more
thumbnail image

Watch video

How to Create a Cascading ComboBox in Angular

Learn how to create a Cascading ComboBox using the Syncfusion Angular ComboBox. You will also learn how to populate the data source of the second ComboBox based on the value selected from the first ComboBox.

Download Example: Cascading ComboBox in Angular

Topics included
1. Introduction 00:00 min
2. Add a series of ComboBoxes 01:05 min
3. Configure the cascading ComboBox 02:56 min
Plaform: Angular Show more
Chat with us