Question

我目前正在开发一个带有angularjs的pdf查看器页面（虽然角度或反应可能会出现同样的问题）。文档本身嵌入了iframe中的 pdf-box 。问题是当从一种布局类型切换到另一种布局类型时，所有文档都会再次下载，从而导致不必要的请求和糟糕的用户体验。使用 ng-show 代替 ng-if 会导致多次下载某些文档。

这里是组件结构的一小部分：

<div class="doc-container">

    <div class="container-fluid" ng-if="model.currentLayout.Label == '1'">
        <div class="row">
            <div class="col-lg-12 col-md-12">
                <pdf-box doc="model.slots[0].doc"></pdf-box>
            </div>
        </div>
    </div>

    <div class="container-fluid" ng-if="model.currentLayout.Label == '1x2'">
        <div class="row">
            <div class="col-lg-6 col-md-6">
                <pdf-box doc="model.slots[0].doc"></pdf-box>
            </div>

            <div class="col-lg-6 col-md-6">
                <pdf-box doc="model.slots[1].doc"></pdf-box>
            </div>
        </div>
    </div>
 </div>

我有一些想法：

尝试使用ng-include或$ templateCache，仅针对内部iframe，不确定它是否可行。
使用pdf.js并将文档缓存为base64字符串。这将阻止额外的http请求，但仍会导致先前打开的文档重新启动＆＃34;到第0页，再次导致一个糟糕的用户体验。

在我看来，在我眼前可能会有一个更容易的解决方案。

有没有办法强制浏览器重复使用＆＃34; DOM操作后现有的iframe src？

防止iframe重新加载

0 个答案: