0

我正在开发一个应用程序,并且GridStack不会仅仅和A2一起玩,我已经设法在webpack中进行传输,但是插件有两个主要缺陷,我必须声明ngFor呈现的项是gridstack项,然后hack更新触发窗口调整大小更新,以显示元素。Angular 2 + GridStack更改检测错误?

到目前为止它工作正常,但第二个缺陷是糟糕的,会发生什么是由ngFor制作的A2模型停止传播数据的变化,这只是错误的,任何人都有一个想法如何修复,一个更好的插件或仪表板页面的东西?

也许最好是手工做,尽管我放松拖放功能以及响应。

回答

0

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

0

您是否尝试过使用gridstack棱角库?

+0

对不起,我用[valor-software/ng2-grid](https://github.com/valor-software/ng2-grid)代替。 –