如何在 angular-gridster2 中的 2 个“网格”之间拖动?

Rol*_*ndo 12 gridster angular

我正在使用以下内容:https : //github.com/tiberiuzuld/angular-gridster2

我希望能够在同一页面 grid1 和 grid2 上实例化两个具有不同“id”的网格。是否可以从 grid1 拖动一个框并将其放入 grid2?

如果是这样,如何?如果没有,是否还有其他类似的 angular2/4 库支持这个?

Hir*_*ekh 4

问题1:是否可以将grid1中的一个框拖放到grid2中?
答: 遗憾的是,目前还没有这样的功能。请看看这个线程。https://github.com/tiberiuzuld/angular-gridster2/issues/245

问题2:还有其他类似的Angular2/4库支持这个吗?
回答:不确定 Angular 中是否实现了类似的库。不过,我个人喜欢gridstack.js https://github.com/gridstack/gridstack.js

适合移动设备的现代 Typescript 库,用于仪表板布局和创建。制作拖放式、多列响应式仪表板从未如此简单。具有多种绑定,并且可以与 React、Vue、Angular、Knockout.js、Ember 等完美配合(请参阅框架部分)。

它支持您需要的功能。 https://gridstackjs.com/demo/two.html

没有可用的角度包装器。但你可以直接在你的 Angular 项目中使用它。为了帮助您入门,我还使用带有多个网格的 gridstack.js 准备了一个小型 stackblitz 演示。

演示:https://stackblitz.com/edit/angular-ivy-mlnqah ?file=src/app/gridstack/gridstack.component.ts