如何在Angular6项目中使用gridstack.js

Question

我正在Angular6项目上工作，我需要使用gridstack.js，在此版本的项目中应如何使用它

我已经检查了诸如gridster之类的库，但是它们不支持嵌套功能。

我还需要与gridstack提供的相同功能以及嵌套支持。需要帮助吗？

Answer 1

更新：截止到本周（2020年11月29日），Gridstack现在不再使用jQuery！

Gridstack仍然（截至2020年3月）使用jQuery，它在操纵DOM时直接违反了Angular的声明性方法。 作为@Adrian points out，虽然并非不可能实现，但值得避免的是等到其他人在dropping jQuery from Gridstack上完成工作之后。

同时，还有其他非jQuery packages that achieve the same goal：

• Angular Gridster2很受欢迎：https://github.com/tiberiuzuld/angular-gridster2
• Angular2Gridster也维护得很好：https://github.com/swiety85/angular2gridster
• 未维护的Angular2仪表板网格：https://github.com/drxwat/angular2-dashboard-grid

也许还有其他一些我未曾使用过Gridster2的人，但是您可以在此处查看一系列方法：https://angularscript.com/category/layout/

Answer 2

不是，gridstack是一个jQuery插件，并且在Angular项目中包含jQuery打破了规则第一。