- 我正在尝试从我的HTML页面生成PDF。如果数据直接从ts绑定到td,那么这将起作用。但是如果我尝试将值绑定到input,则无法读取该值。以下是相同的工作Stackblitz。
- 如果我尝试生成完整页面的PDF,则结构会更改。仅对表格有效。我使用jsPDF完成了所有这些操作。是否有任何方法可以打印我的整个页面并生成数据URI?
HTML
<td id="myTd"><input [(ngModel)]="userName" type="text"
[value]="userName"></td>
ts
export class AppComponent {
name = 'Angular Html To Pdf ';
userName: string;
@ViewChild('pdfTable', {static: false}) pdfTable: ElementRef;
public downloadAsPDF() {
const doc = new jsPDF();
var x = document.getElementById("myTd");
x.innerHTML = this.userName;
const specialElementHandlers = {
'#editor': function (element, renderer) {
return true;
}
};
const pdfTable = this.pdfTable.nativeElement;
doc.fromHTML(pdfTable.innerHTML, 15, 15, {
width: 190,
'elementHandlers': specialElementHandlers
});
console.log(doc.output('dataurl'));
console.log(this.userName);
}
}
https://stackblitz.com/edit/angular-html-to-pdf-m-oeji6j?file=src%2Fapp%2Fapp.component.html
ngModel
。正在寻找更好的方法。而且不知道为什么输入框的行为会变得奇怪。 - Sai Manoj