Angular 2- Angular 2 中的 DOM 元素操作答案

【问题标题】：Angular 2- DOM element manipulation in Angular 2Angular 2- Angular 2 中的 DOM 元素操作
【发布时间】：2017-05-16 06:34:51
【问题描述】：

<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

【问题讨论】：

标签： angular dom

【解决方案1】：

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

【讨论】：