Как добавить Overflowing div автоматически к смежному Div в Angular 2?

Question

Я работаю над приложением редактора документов, используя Angular 6. У него есть бумажный элемент, который выглядит как бумага фиксированного размера.

Пользователь может добавить несколько дочерних элементов (угловых компонентов) к этому элементу бумаги.

Когда пользователь добавляет дочерние элементы, которые занимают больше места, чем может позволить родительский элемент, элемент div должен автоматически добавляться к следующему элементу div, а если какой-либо из дочерних элементов div удаляется, то переполняемый элемент div необходимо добавлять обратно в 1-я статья.

Есть ли способ достичь этого?

Я сделал упрощенный стек здесь .

Answer 1

Я думаю, вы можете использовать https://angular.io/api/common/SlicePipe. Вы можете показывать только максимальное количество дочерних элементов на странице. Но я думаю, что вы должны рассчитать количество страниц и отобразить его с помощью ngFor. Удачи!