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

16.0.0-alpha.0 (2023-03-20)

Bug Fixes

• demo: sortable link (12da171)

• gitignore (07c6fb7)

• feat(nxt-pick-datetime)!: docs, use global LOCALE_ID (5ad4eb0)

• feat(nxt-dropzone-wrapper)!: add correct typings, remove old types (e212b10)

• fix(nxt-color-picker)!: rename addColorButton => presetColorsEditable (97a6622)

Features

• demo: add service worker (19d0e15)

• demo: demo page layout (b7cd95a)

• import code snippets (1ab89d9)

• nxt-color-picker: ensure normalized colors (f529445)

• nxt-json-view: customize colors (1d6b2ff)

• nxt-pick-datetime: date range selection format (99af361)

BREAKING CHANGES

• drop NXT_LOCALE, use global LOCALE_ID

• remove exports for helper types, since they're now provided by dropzone.js

• rename addColorButton => presetColorsEditable to better reflect its purpose