如何在 Angular6 项目中使用 gridstack.js [英] How to use gridstack.js with Angular6 Project

问题描述

我正在做一个 Angular6 项目，我需要使用 gridstack.js，我应该如何在这个版本的项目中使用它

I am working on a Angular6 Project and I need to use gridstack.js, how should I use it in this version of project

我检查过像 gridster 这样的库，但它们不支持嵌套功能.

I have checked libraries like gridster but they don't support nesting functionality.

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

I need the same functionality as being provided by gridstack with nesting support as well.Need help?

推荐答案

更新:截至本周(2020 年 11 月 29 日)，Gridstack 现已不再使用 jQuery！

Gridstack 仍然(截至 2020 年 3 月)使用 jQuery，因为它直接操作 DOM 与 Angular 的声明式方法背道而驰.正如 @Adrian 指出的，虽然并非不可能实现，但在其他人完成 从 Gridstack 中删除 jQuery.

Gridstack still (as of March 2020) uses jQuery, which as it manipulates the DOM directly goes against the declarative approach of Angular. As @Adrian points out, while not impossible to achiveve, it may be worth avoiding until others are complete work on dropping jQuery from Gridstack.

同时还有其他非 jQuery 包实现相同目标:

In the meantime there are other non-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/

There may be others using Gridster2 that I have not come across, but you can check out a range of approaches here: https://angularscript.com/category/layout/

这篇关于如何在 Angular6 项目中使用 gridstack.js的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！