We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Syncfusion Feedback

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

Angular File Manager - Tutorial Videos

Go Back
thumbnail image

Watch video

Getting Started with the Angular File Manager Componentt

Learn how to create and configure the Syncfusion Angular File Manager component using the Angular CLI command. The Angular File Manager (a file explorer) is a graphical user interface component for managing the file system that allows users to perform most common file operations like accessing, editing, and sorting files or folders. This component also provides easy navigation to select a file or folder from the file system. This video also explains how to configure the file operations, downloading and uploading a file, and image previews. The Angular File Manager UI consists of a toolbar, navigation pane, and content pane through which the files and folders in the file system can be accessed and managed. The entire layout can be customized with features like right-to-left alignment, enabling or disabling the toolbar and navigation pane, and switching between views.

Download Example: Getting Started with the Angular File Manager

Topics included
1. Introduction 00:00 min
2. Create an Angular application 00:32 min
3. Add the File Manager component 01:25 min
4. Perform file operations 02:51 min
5. Download a file 06:07 min
6. Upload a file 06:51 min
7. Show image preview 07:34 min
8. Show navigation pane, toolbar, and detailed view 08:13 min
Plaform: Angular Show more