如何在 angular-gridster2 中的 2 'grids' 之间拖动?

How can you drag between 2 'grids' in angular-gridster2?

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

我希望能够在同一页面上实例化两个具有不同 'ids' 的网格,grid1 和 grid2。是否可以从 grid1 中拖一个盒子到 grid2 中?

如果可以,怎么做?如果没有,angular2/4 是否有其他支持此功能的类似库?

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

问题 2:angular2/4 是否有其他类似的库支持此功能?
答案: 不确定 Angular 中实现的类似库。不过我个人比较喜欢gridstack.jshttps://github.com/gridstack/gridstack.js

Mobile-friendly modern Typescript library for dashboard layout and creation. Making a drag-and-drop, multi-column responsive dashboard has never been easier. Has multiple bindings and works great with React, Vue, Angular, Knockout.js, Ember, and others (see frameworks section).

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

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

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