Typescript + CSS-在打印的每页底部获取页码

我正在尝试在window.print()的每个页面的底部获取页码。

我目前有以下CSS

.voucher {
    page-break-after: always;
    counter-reset: section;   
}
section {
  counter-increment: section;
}
section h2:before {
  content: counter(section) '. ';
}
.voucher:last-child {
  page-break-after: avoid;
}

问题是我不确定如何获取总页数以及如何获取每一页上的页数。当前,如果div.voucher分为两页,则仅显示一次页码。

I have quickly drafted a rough example. StackBlitz link here

评论