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 ListView - Tutorial Videos

Go Back
thumbnail image

Watch video

Getting Started with the Angular ListView Component

Learn how easily you can create and configure the Angular ListView component of Syncfusion using the Angular CLI tool and Syncfusion ej2-angular-lists package. This video also explains how to configure a few of the control's basic features like binding data, grouping list items, adding checkboxes to a list, and adding nested list items.

Download Example: Getting Started with the Angular ListView

Topics included
1. Introduction 00:00 min
2. Create an Angular project 00:29 min
3. Add a ListView component 01:01 min
4. Bind an array list 02:26 min
5. Bind a JSON object 03:16 min
6. Bind remote data 04:35 min
7. Checked list 05:57 min
8. Grouped list 06:32 min
9. Nested list 06:58 min
Plaform: Angular Show more
thumbnail image

Watch video

How to Design a Call History UI Using the Angular ListView Component

Learn how to customize Syncfusion Angular Listview items with icons or images using the template property. I have explained a few built-in classes to customize the template content such as an avatar with multiple lines in each list item and showed you how to customize the list header using the headerTemplate property. I also enabled the group header and customized the group title using the groupTemplate property.

Download Example: Design a Call History UI Using the Angular ListView

Topics included
1. Introduction 00:00 min
2. Header template 01:12 min
3. List item template 02:01 min
4. Group header template 04:24 min
Plaform: Angular Show more
Chat with us