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)代替。 –