ngx-extended-pdf-viewer 打印问题答案

【问题标题】：ngx-extended-pdf-viewer problem with printngx-extended-pdf-viewer 打印问题
【发布时间】：2021-06-17 12:45:19
【问题描述】：

我在 Angular 8 中使用 ngx-extended-pdf-viewer(4.0.0-alpha.5) 并且 pdf 可以正确显示，除非我使用单页 pdf。对于单页 pdf，预览为空白。有什么解决办法吗？

我的代码在这里

 <ngx-extended-pdf-viewer [delayFirstView]="250" src="{{apiBaseURL}}unprotect/estimate-report/view/{{currentestimationid}}/{{estimationReportType}}" useBrowserLocale="true" height="80vh" [textLayer]="true"></ngx-extended-pdf-viewer>


  


[View image][1]


  [1]: https://i.stack.imgur.com/foGsi.png

【问题讨论】：

标签： angular8 ngx-extended-pdf-viewer

【解决方案1】：

通过添加 CSS 规则解决问题

@media print {
    #printContainer>div {
        display: inline;
    }
}

【讨论】：

【解决方案2】：

我已经添加了 ng-deep，最后预览出现了：

    @media print {
        ::ng-deep #printContainer > div {
          display: inline;
        }
      }

【讨论】：