在Chrome中打印弹出窗口

Question

我正在尝试打印弹出窗口。我使用Chrome，在其他浏览器中我不感兴趣。 这是我的弹出窗口：

这是我想要打印时的预览：

问题是obvius：我怎样才能只打印弹出窗口的内容？

PD：我已经使用了角标签，因为我使用它。调用模态窗口（弹出窗口）的方法是;

$scope.printPopup = function () {
        $scope.opManSel = this.dataItem;
        $modal.open({
            templateUrl: '/OM_manager/printPopup',
            backdrop: 'static',     
            controller: 'printPopupController',
            scope: $scope
        });
    }

美好的一天！

更新： 在我的CSS中我使用：

.noprint { display: none; }
#print{
    visibility: visible;
    display: block;
    position:absolute;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

我的弹出窗口为id =“print”，其余元素的类别为'noprint'，即便如此，背景显示。

Answer 1

您可以使用某些css仅制作弹出式打印件。例如，如果您希望页面正常打印，除非弹出窗口已启动，您可以添加以下代码：

在你的css中：

@media print {
  .noprint {
    display: none;
  }
}

然后，在printpopup函数中，您可以将类.noprint添加到包含除弹出窗口之外的所有内容的div中（假设您的html以这种方式组织;如果没有，则该概念仍然适用）。确保在关闭弹出窗口时删除.noprint类。