Angular Sortablejs directive

This package provides Angular binding for Storablejs which works with standard arrays as well as Angular FormArray objects.

Quick links

• Demo
• Getting started
• API docs

Installing

npm install --save nxt-sortablejs sortablejs

Import Sortablejs directive

import { SortablejsDirective } from 'nxt-sortablejs'

@Component({
    ...
    imports: [
        ...
        SortablejsDirective
    ]
})

If you want to cofigure global Sortablejs options, include provideGlobalSortableOptions in your application.

import { ApplicationConfig } from '@angular/core'
import { provideGlobalSortableOptions } from 'nxt-sortablejs'

export const appConfig: ApplicationConfig = {
    providers: [
        provideGlobalSortableOptions({
            animation: 150
        })
    ]
}

Use it in a template

<ul [nxtSortablejs]="items">
    <li *ngFor="let item of items">{{ item }}</li>
</ul>