Javascript 如何在angularjs中隐藏内容？

嗨，我正在angularjs中开发打印功能。我跟着。我有一个按钮和点击，我想采取打印。例如，我想打印以下内容

<div id="printThis" >
    This should BE printed!
    <div class="modifyMe">old</div>
</div>

这应该打印出来！
古老的

---

我面临的问题是我不想在网页中显示

printThis

。实际上，我有一个页面，我通过范围变量绑定值。如果我用bg show或任何其他方式隐藏那个div，我在打印预览中会变成空白！那么我能得到一些帮助来解决这个问题吗？我正计划以实施的方式实施。任何帮助都将不胜感激。多谢各位

您可以使用Bootstrap class.hidden print从打印中隐藏div，也可以使用以下css代码：

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}

---

您必须使用.no print类来隐藏要隐藏的div。

您可以使用引导类.hidden print来隐藏div，也可以使用以下css代码：

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}

---

您必须使用。没有打印类要隐藏的div。

您可以使用

ng单击

这样切换

<div id="printThis" ng-if="showPrint" ng-init="showPrint=false">
    This should BE printed!
    <div class="modifyMe">old</div>
</div>

<button type="button" ng-click="showPrint=!showPrint"></button>

---

工作演示：

您可以使用

ng单击

进行如下切换

<div id="printThis" ng-if="showPrint" ng-init="showPrint=false">
    This should BE printed!
    <div class="modifyMe">old</div>
</div>

<button type="button" ng-click="showPrint=!showPrint"></button>

工作演示：

这是完整的解决方案（代码段在这里不起作用，因为我认为它不允许从代码段打开弹出窗口）：

var-app=angular.module（“myApp”，[]）；
app.controller（“myCtrl”，函数（$scope）{
$scope.printDiv=函数（divName）{
var printContents=document.getElementById（divName）.innerHTML；
var popupWin=window.open（'''Print'，'height=600，width=1200'）；
popupWin.document.open（）；
popupWin.document.write（'ATLAS SEARCH'+printContents+''）；
popupWin.document.close（）；
} 
});
@媒体打印
{    
.打印btn
{
显示：无；
}
}

这应该打印出来！
古老的
印刷品
这是一个完整的解决方案（代码段在这里不起作用，因为我认为它不允许从代码段打开弹出窗口）：


var-app=angular.module（“myApp”，[]）；
app.controller（“myCtrl”，函数（$scope）{
$scope.printDiv=函数（divName）{
var printContents=document.getElementById（divName）.innerHTML；
var popupWin=window.open（'''Print'，'height=600，width=1200'）；
popupWin.document.open（）；
popupWin.document.write（'ATLAS SEARCH'+printContents+''）；
popupWin.document.close（）；
} 
});
@媒体打印
{    
.打印btn
{
显示：无；
}
}

这应该打印出来！
古老的
印刷品
尝试在OP FIDLE中添加您的答案。这可能有助于操作员轻松地将答案添加到OP fiddle中。这对医生来说可能很容易。上面的代码使用angular。但我使用的是javascript。那你为什么在问题中添加angular？谢谢。上面的代码使用angular。但我使用的是javascript。那你为什么在问题中添加angular？谢谢。函数（divName）我应该在这里传递哪个divName？我也不想在网页上显示内容。@NiranjanGodbole要打印的div。它将自动获取该div的内容，并通过它进入以打印模式打开的弹出窗口。谢谢。函数（divName）我应该在这里传递哪个divName？我也不想在网页上显示内容。@NiranjanGodbole要打印的div。它将自动获取该div的内容，并通过它进入以打印模式打开的弹出窗口。