javascript - 变更检测中的Angular 2 + GridStack错误？

Question

我正在开发一个应用程序，而 GridStack 不仅可以很好地与 A2 配合使用，我还设法在 webpack 中对其进行了转换，但是该插件有两个主要缺陷，我必须声明 ngFor 呈现的项目是 gridstack 项目然后破解触发窗口调整大小更新以显示元素的更新。

到目前为止它正在工作，但第二个缺陷非常糟糕，发生的情况是 ngFor 制作的 A2 模型停止传播数据的更改，这完全是错误的，任何人都知道如何修复，更好的插件或其他东西仪表板页面？

也许最好用手来做，虽然我失去了拖放功能以及响应能力。

Answer 1

您是否尝试过使用 gridstack-angular 库？

Answer 2

我对 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>

https://github.com/BTMorton/angular2-grid