[英]Issues on Exporting dynamically generated div using jspdf in angular2 project
我正在使用jspdf
在项目中打印div
。 我最近意识到,当div包含一些动态内容时,此命令不会显示。 我的意思是,如果有一个简单的有角if语句,jspdf不会打印它。 这是一个示例:
在我的HTML中:
<div id="content" #content>
<p>This sections is printed</p>
<p> {{ item.id }} is also printed</p>
</div>
下面的代码引发错误,可以在html代码下面找到该错误:
<div id="content" #content>
<p *ngIf="item.id === 'sample'">this is NOT printed</p>
</div>
错误TypeError:无法读取f.renderParagraph(jspdf.min.js:97)上未定义的属性'1'...
这是我使用的打字稿代码:
@ViewChild('content') content: ElementRef;
public downloadPDF () {
const doc = new jsPDF();
const specialElementHandlers = {
'#editor': function(element, renderer) {
return true;
}
};
const content = this.content.nativeElement;
doc.fromHTML(content.innerHTML, 15, 15, {
'width': 190,
'elementHandlers': specialElementHandlers
});
const fileName = 'test';
doc.save(fileName + '.pdf');
}
同样,第一个div打印为pdf就好了。 但是第二个div没有。 我怀疑这个问题与if陈述有关。 但是我还没有找到解决方案。 任何帮助,将不胜感激。
代替使用结构指令尝试
隐藏属性绑定
<div id="content" #content>
<p [hidden]="item.id !== 'sample'">this is NOT printed</p>
</div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.