我正在开发一个应用程序,而 GridStack 不仅可以很好地与 A2 配合使用,我还设法在 webpack 中对其进行了转换,但是该插件有两个主要缺陷,我必须声明 ngFor 呈现的项目是 gridstack 项目然后破解触发窗口调整大小更新以显示元素的更新。
到目前为止它正在工作,但第二个缺陷非常糟糕,发生的情况是 ngFor 制作的 A2 模型停止传播数据的更改,这完全是错误的,任何人都知道如何修复,更好的插件或其他东西仪表板页面?
也许最好用手来做,虽然我失去了拖放功能以及响应能力。
我正在开发一个应用程序,而 GridStack 不仅可以很好地与 A2 配合使用,我还设法在 webpack 中对其进行了转换,但是该插件有两个主要缺陷,我必须声明 ngFor 呈现的项目是 gridstack 项目然后破解触发窗口调整大小更新以显示元素的更新。
到目前为止它正在工作,但第二个缺陷非常糟糕,发生的情况是 ngFor 制作的 A2 模型停止传播数据的更改,这完全是错误的,任何人都知道如何修复,更好的插件或其他东西仪表板页面?
也许最好用手来做,虽然我失去了拖放功能以及响应能力。
您是否尝试过使用 gridstack-angular 库?
我对 Angular2 还很陌生,但我一直在搞乱 Gridster.js,这似乎很不错。适用于动态 *ngFor 循环:
<div *ngFor="let dev of devs" class="col-1-4">
<div class="module dev grid-item" [ngGridItem]="{'col':dev.id,'dragHandle': 'header'}">
<header>
<!-- content in here -->
</header>
</div>
</div>