Javascript 如何在angularjs中打印时隐藏文本框

在使用Spring文本框的同时，它的打印页面也出现了，而且它的界面看起来很糟糕。如何删除该文本框并仅显示输入的文本值

请找到图片。我如何解决这个问题。我只想显示我在文本框中输入的文本。请帮助我如何解决此问题

函数PrintDiv{ var contents=document.getElementByIddvContents.innerHTML； var frame1=document.createElement'iframe'； frame1.name=frame1； frame1.style.position=绝对值； frame1.style.top=-1000000px； document.body.appendChildframe1； var frameDoc=frame1.contentWindow？frame1.contentWindow:frame1.contentDocument.document？frame1.contentDocument.document:frame1.contentDocument； frameDoc.document.open； frameDoc.document.write'DIV Contents'； frameDoc.document.write； frameDoc.document.writecontents； frameDoc.document.write； frameDoc.document.close； setTimeoutfunction{ frames[frame1]。焦点； window.frames[frame1]。打印； document.body.removeChildframe1； }, 500; 返回false； } ASPSnippets.com 样本页 你好 这是穆达萨·汗。 希望你喜欢我的文章！

---

请向所需输入添加一些类。printText:

---

向该输入添加一个自定义类，比如print hidden，并使用@media对其应用css，如下所示

@media print {
  .print-hidden {
    display: none;
  }
}

---

.input{border:none}| |@media print{.input{border:none}}！重要不是真的必要。请检查此链接。我试过这个。但是它不是以这种格式工作的。上面的代码适用于旧的场景。请检查上面的小提琴。这不管用。你能帮我做这个吗？

@media print
{
    #non-printable { display: none!important; }
    #printable { display: block; }
    .printText{border:none!important;}
}

@media print {
  .print-hidden {
    display: none;
  }
}