[解決済み] Angular 4でTSを使用してページを印刷する方法

質問内容

私はいくつかのページで私はページを印刷するプリンタを作成する必要がある一方で、私はサイドバーを持っており、残りの部分は、コンポーネントのページであり、どのようにそれはサイドバーだけこのコンポーネントを印刷しないことが可能です、私は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();