Ngx Sortablejs
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.
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.
- Angular
Angular is a TypeScript-based open-source framework by Google for building dynamic single-page applications and cross-platform mobile apps with MVC architecture and a rich set of features.
- Bootstrap
Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.