html - 如何使用TS在Angular 4中打印页面

我有一个Web应用程序，而在某些页面中我需要制造一台打印机来打印页面，但是我有一个侧边栏，而其余部分则是该组件的页面，怎么可能不只打印该组件的侧边栏呢？在TS中使用此代码。

print() {
window.print();
}

HTML代码从这一点开始。

div class="container">
//Here I have all the HTML source

</div>

最佳答案

首先为该组件分配一个ID，
然后:

const printContent = document.getElementById("componentID");
const WindowPrt = window.open('', '', 'left=0,top=0,width=900,height=900,toolbar=0,scrollbars=0,status=0');
WindowPrt.document.write(printContent.innerHTML);
WindowPrt.document.close();
WindowPrt.focus();
WindowPrt.print();
WindowPrt.close();