Угловая ошибка 2 + GridStack при обнаружении изменений?

Question

Я занимаюсь разработкой приложения, и GridStack не просто будет хорошо играть с A2, мне удалось перенести его в веб-пакет, однако у плагина есть 2 основных недостатка, я должен объявить, что элементы, отображаемые с помощью ngFor, являются элементами gridstack, а затем взломать обновление, запускающее обновление размера окна, чтобы показать элементы.

Пока он работает, но второй недостаток, черт возьми, плохой, что происходит, когда модель A2, созданная ngFor, перестает распространять изменения в данных, это просто неправильно, у всех есть идеи, как исправить, лучший плагин или что-то для страница панели инструментов?

Может быть, лучше сделать это вручную, хотя я теряю функции drag'n drop, а также отзывчивость.

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