Question

<head>
<script>
function printContent(el){
    var restorepage = document.body.innerHTML;
    var printcontent = document.getElementById(el).innerHTML;
    document.body.innerHTML = printcontent;
    window.print();
    document.body.innerHTML = restorepage;
}
</script>

`

我如何在我的组件类方法中使用此脚本。我想在单击“我的”按钮时运行上面的脚本，但我不知道如何在Angular 2中操作DOM

Answer 1

您无需将其包含在script HTML标记内，只需在单击按钮后调用该函数（在TS文件中实现），例如：<button (click)="printContent()">print</button>。如果您正在寻找打印内容，that answer可以为您提供帮助。

Angular 2中的Angular 2 DOM元素操作

1 个答案: