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

Example :

npm install --save nxt-sortablejs sortablejs

Import Sortablejs directive

Example :

import { SortablejsDirective } from 'nxt-sortablejs'

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

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

Example :

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

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

Use it in a template

Example :

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

Angular Sortablejs directive

Quick links

Installing

Import Sortablejs directive

Use it in a template

results matching ""

No results matching ""