Angular 2+ binding to SortableJS. Previously known as angular-sortablejs
Overview
ngx-sortablejs is an Angular 2+ binding for Sortable.js, designed to support standard arrays and Angular FormArray. This package was previously known as angular-sortablejs and provides a demo project to showcase its functionality.
Features
- Angular 2+ Binding: Specifically designed for Angular 2 and above.
- Support for Arrays: Works seamlessly with standard arrays.
- Angular FormArray Compatibility: Compatible with Angular FormArray structure.
- Directive API: Includes directives for easy integration and customization.
- Drag & Drop Functionality: Enables drag and drop functionality between containers.
- Clone Mode Feature: Supports clone mode for elements during drag and drop operations.
- Group Assignment: Allows easy drag and drop functionality between two lists by assigning the group option.
- Global Settings: Provides the ability to set global settings for the entire application.
Installation
To install ngx-sortablejs, follow these steps:
- Import SortablejsModule.forRoot({ /* add global settings if needed */ }) into the root module of your application.
- Import SortablejsModule into other Angular modules where needed.
- Add the sortablejs property to the container HTML element and pass the items array to both *ngFor and [sortablejs].
Summary
ngx-sortablejs is a versatile package for enabling drag and drop functionality in Angular applications. With support for arrays, FormArray structures, and customizable directives, it offers seamless integration and ease of use. By following the installation guide and leveraging its key features, developers can enhance the user experience through interactive sorting capabilities.
