nxt-sortablejs

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 module

import { SortablejsModule } from 'nxt-sortablejs'

@NgModule({
    ...
    imports: [
        ...
        SortablejsModule
    ]
})

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

import { SortablejsModule } from 'nxt-sortablejs'

@NgModule({
    ...
    imports: [
        ...
        SortablejsModule.forRoot({
            animation: 150
        })
    ]
})

Use it in a template

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

Changelog

20.0.0 (2025-06-30)

• feat!: use angular 20 (a1a270a)

Bug Fixes

• json-view: keep nested items collapsed on toggle regardless of initial levelOpen (e608a92)

Features

• json-view: implement methods to expand / collapse view items (9f93244)

BREAKING CHANGES

• use angular 20