我有一个工作正常的pdf导出文件,其中包含一个Angular for循环,其列表分为两列。
我需要使用两列问题列表进行考试,然后将其导出为pdf。 我试图将列表样式从“列”替换为“网格”,它接近我想要的样式,但是行之间的空白看起来不太好。 [innerHTML]用于问题中的“代码”标签。 在html页面中看起来一切都很好,但是当我将其导出为pdf时,页面的一半是空的,它跳到了下一页。不知何故,只有最后一页看起来不错。
这说明了我的意思: https://stackblitz.com/edit/angular-4ykjjs
<kendo-pdf-export #pdf paperSize="A4" margin="2cm" [scale] = "1">
<ul class ="question">
<li *ngFor = "let item of questions">
<span [innerHTML] = "item.question" class = "question-text"> </span>
<ul>
<li *ngFor = "let answer of item.answers">
<span [innerHTML] = "answer"></span>
</li>
</ul>
</li>
</ul>
</kendo-pdf-export>