如何自动将“溢出div”添加到Angular 2中的相邻Div？

Question

我正在使用Angular 6开发文档编辑器应用程序。它有一个纸元素，看起来像固定大小的纸。

用户可以向此纸元素添加多个子元素（角度组件）。

当用户添加的子级占用的空间超出父级可负担的空间时，需要将div自动添加到下一个div，并且如果删除了任何子级Div，则需要将溢出的div重新添加到第一张纸。

有没有办法做到这一点？

我进行了简化的堆叠here。

Answer 1

我认为您可以使用https://angular.io/api/common/SlicePipe。您只能在页面上显示子元素的最大数量。但是我认为您必须计算页数并通过ngFor显示它。祝你好运！