Javascript 按角度分页的视图页面

我正在尝试使用ngFor将对象数组显示为Word文档视图页面。为此，我准备了一个临时对象，它工作正常，我能够根据内容计数将其显示为页面

  var newPageContentLength = 0;
    var pageNo = 1;
    var pageObj = {
      page: `page${pageNo}`,
      data: []
    };
    let temp = [];
    this.contentViewArray = [];
    temp.forEach((item, i) => {
        newPageContentLength += item.content.length;
      if (i == 0) {
          pageObj.data.push({ ...item, ischecked: true });
        } else {
        if (newPageContentLength < 200) {
            pageObj.data.push({ ...item, ischecked: true });
          } else {
              this.contentViewArray.push({ ...pageObj });
            pageNo += 1;
            pageObj = {
              page: `page${pageNo}`,
              data: [{ ...item, ischecked: true }]
            };
            newPageContentLength = item.content.length;
          }
        }
      if (i == temp.length - 1) {
            this.contentViewArray.push({ ...pageObj });
        }

    });

var newPageContentLength=0；
var pageNo=1；
var pageObj={
页面：`page${pageNo}`，
数据：[]
};
设temp=[]；
this.contentViewArray=[]；
每小时温度（（项目，i）=>{
newPageContentLength+=item.content.length；
如果（i==0）{
push（{…项，ischecked:true}）；
}否则{
如果（newPageContentLength<200）{
push（{…项，ischecked:true}）；
}否则{
this.contentViewArray.push（{…pageObj}）；
pageNo+=1；
pageObj={
页面：`page${pageNo}`，
数据：[{…项，已检查：true}]
};
newPageContentLength=item.content.length；
}
}
如果（i==温度长度-1）{
this.contentViewArray.push（{…pageObj}）；
}
});

使用这种逻辑，如果我的内容长度超过200，我可以创建页码，但问题是，如果对象的内容长度超过200，例如（如果计数为240），我希望下一页中有40个单词

我把这40个字分成了第二页

其他的都很好

stackblitz链接：