Ошибка при отображении pdf-viewer в модале начальной загрузки

Question

Я пытаюсь просмотреть pdf, я использую модал начальной загрузки, но я получаю следующую ошибку:

Невозможно инициализировать средство просмотра TypeError: Невозможно прочитать свойство '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.

Пожалуйста, отметьте Это и Это