Angular：删除ng-hide /显示页面的打印版本

Question

我有一个用Angular编写的网页，它显示从服务器拉出的大量JSON数据。为了让用户更容易找到有趣的数据，我们将所有内容放入默认隐藏的表格中（使用ng-hide和ng-show）。

但是，当涉及到打印时，我们希望所有内容都立即可见。因此，一切都必须从一开始就扩大 - 是否有办法做到这一点？我能以某种方式迫使HTML忽略ng-show指令吗？

Answer 1

您可以使用CSS媒体查询做到这一点，尝试

@media print { 
    .ng-hide { 
    display: block !important; 
    } 
}