Comments (18)
I had the same problem as described above for a little while now, that this package is lacking behind with its version.
But today I found the solution and it's the official way by Angular!
I was able to fully remove and replace the following dependencies: sortablejs, @types/sortablejs & ngx-sortablejs
I installed the Official Angular Component Development Kit
npm i @angular/cdk
and imported the following module
import { DragDropModule } from '@angular/cdk/drag-drop';
DragDropModule
I would say that you can probably use all the features of ngx-sortablejs here too (with slightly different syntax) and I have to say, all the ones I've used can do the Angular Library even better (the auto-scroll feature for example)!
Here's the link for the documentation: https://material.angular.io/cdk/drag-drop/overview
Don't be scared that it's the Angular Material Documentation and you don't use Material: the Component Development Kit is fully independent from Material and can be used in any other way, for example in combination with Bootstrap.
And take a look here at the moveItemInArray function, it saved me multiple lines of code: https://material.angular.io/cdk/drag-drop/api#cdk-drag-drop-functions
I'd recommend that you read the full documentation about Drag and Drop to find every feature that you need (they are named different sometimes in comparison to ngx-sortablejs).
And while you're exploring the CDK: It has some really cool directives to explore too for example the virtual scrolling!
from ngx-sortablejs.
Hi, have same problem that @adam-drozdz-ie . I found another repo and it works fine https://www.npmjs.com/package/nxt-sortablejs
from ngx-sortablejs.
Unfortunately, that doesn't work very well with display: grid :(.
from ngx-sortablejs.
I discovered this library -> https://github.com/Liquid-JS/nxt-components it includes a fork that only needs a couple of tweaks to get working. Have a look at the breaking changes to see what needs to be renamed -> https://github.com/Liquid-JS/nxt-components/blob/master/BREAKING_CHANGES.md
from ngx-sortablejs.
Hi, folks, I suggest you can try the ng-dnd library
https://github.com/ng-dnd/ng-dnd
from ngx-sortablejs.
I've upgraded to Angular 16 and this is the only package lagging behind. Any news on this? A fork would be nice too.
from ngx-sortablejs.
Here is a link of a fork working for angular16 for the ones that are interested : https://github.com/epicuro/ngx-sortablejs
from ngx-sortablejs.
Here is a link of a fork working for angular16 for the ones that are interested : https://github.com/epicuro/ngx-sortablejs
Is there an npm package for this fork available?
You can install package from his fork with npm
npm install https://github.com/epicuro/ngx-sortablejs
from ngx-sortablejs.
u can use config , https://liquid-js.github.io/nxt-components/demo/sortablejs#example-4 look demo
from ngx-sortablejs.
Hi, got the same problem on my side
from ngx-sortablejs.
As a fix for me, I decided to switch from ngx-sortablejs to angulars own drap and drop interface: https://material.angular.io/cdk/drag-drop/overview#transferring-items-between-lists
from ngx-sortablejs.
Hi guys, we were using nx so we just took the library into the project.
from ngx-sortablejs.
You guys think there is any chance the plugin get updated ?
from ngx-sortablejs.
Here is a link of a fork working for angular16 for the ones that are interested : https://github.com/epicuro/ngx-sortablejs
Is there an npm package for this fork available?
from ngx-sortablejs.
Here is a link of a fork working for angular16 for the ones that are interested : https://github.com/epicuro/ngx-sortablejs
I tried to use this fork, but I'm getting this error:
Module not found: Error: Can't resolve 'ngx-sortablejs-app'
I've installed the fork with npm install https://github.com/epicuro/ngx-sortablejs
and then added it to app.module.ts as instructed by the readme.
Here's a repository to reproduce this problem.
Could someone help me resolve it?
from ngx-sortablejs.
Hi, have same problem that @adam-drozdz-ie . I found another repo and it works fine https://www.npmjs.com/package/nxt-sortablejs
Thanks for the suggestion, but I can't find the equivalent of [sortablejsOptions]
in nxt-sortablejs 🤔
from ngx-sortablejs.
u can use config , https://liquid-js.github.io/nxt-components/demo/sortablejs#example-4 look demo
Great, thank you!
from ngx-sortablejs.
Is there an npm package for this fork available?
You can install package from his fork with npm
npm install https://github.com/epicuro/ngx-sortablejs
Thanks for this fork! Installation should be go via a subfolder of this fork.
https://gitpkg.now.sh could fix it because npm install http://github.com/....
does not allow installation from a repo subfolder
@adam-drozdz-ie @danitoro97 this works for us:
npm install https://gitpkg.now.sh/epicuro/ngx-sortablejs/dist/ngx-sortablejs
from ngx-sortablejs.
Related Issues (20)
- Issue with dragging last item in last row HOT 1
- Mobile reordering is spotty
- Support Angular 12 HOT 9
- Plugins swap not working, please help me to custom add swap function.
- Angular 6 issue compatibility HOT 3
- Does not work with Angular Material Grid List
- Unmount Plugins on ngDestroy HOT 1
- Support Angular 13 HOT 18
- Module '"ngx-sortablejs"' has no exported member 'SortablejsOptions'.ts in Angular 12 HOT 4
- Publish an Ivy distribution HOT 1
- Unable to evaluate this expression statically HOT 2
- Incorrect order after adding an element in array HOT 3
- Escape to cancel drag/drop operation
- this libray found not support Anglar13 any body Idia about that HOT 11
- Generating browser application bundles (phase: setup)...Processing legacy "View Engine" libraries
- Make hold to start dragging
- How to set a boundary to the drag operation
- npmjs does not show any helpful text for the package
- Angular 11 simple sorting not working
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ngx-sortablejs.