在引导模式中显示 pdf-viewer 时出错

Question

我正在尝试预览 pdf，我正在使用引导模式，但出现以下错误：

无法初始化查看器类型错误：无法读取未定义的属性“div”

当我调用我的模态时，pdf 不会显示在模态中，但是如果我将滚动条从左向右移动，那么我可以在模态中看到 pdf。有没有人遇到同样的问题？解决这个问题的最佳解决方案是什么？

<div class="modal fade" id="preview{{f.id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLongTitle">{{ f.name }}</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div *ngIf="this['sourceIMG' + f.id]!=null">
                    <img class="img-fluid d-block mx-auto" [src]="this['sourceIMG' + f.id]" />
                </div>
                <pdf-viewer [src]="this['sourcePDF' + f.id]"
                            [render-text]="true" [page]="page"
                            [show-all]="true" style="display:block">
                </pdf-viewer>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

Answer 1

github上有一个关于这个问题的持续问题。使用 NgIf 显示或隐藏 pdf-viewer 时会出现问题。

请检查This和This