如何用相同的头但不同的正文创建N页?

时间:2019-05-15 08:50:33

标签: angular typescript angular6

我需要动态创建我的整个页面。这样的事情

https://imgur.com/a/MZBrbbm

从图片中可以看到,我几乎可以随机渲染任何物品。我希望单页的高度不要超过1000px 。如果发生这种情况,我需要创建另一个页面,向其中添加其他缺少的项目。

我不知道每个单独的部分(我的意思是Title1,Title2等)将包含多少个项目(我的意思是矩形),最重要的是,我不知道每个单独的部分需要多长时间。

如果我尝试使用*ngFor进行此工作,则无法获得将项目渲染到的页面的高度。在显示页面之前,它的高度始终是相同的。我用来获取div高度的方法是document.getElementById('className').clientHeight

即使使用AfterViewInit接口似乎也不起作用。

这是我要尝试在堆栈闪电https://stackblitz.com/edit/angular-rk1jhz

上进行操作的一个示例

我要创建N个{strong>最大1000像素的<div class="container">。使用trackBy函数,我可以执行document.getElementById('container').clientHeight) > 1000,但始终返回其初始高度,而不是新元素的高度。

0 个答案:

没有答案