сбой приложения iframe ionic3 при нажатии внутри iframe

Question

Эй, я использую перелистываемый URL-адрес книги внутри iframe:

<ng-container>
        <iframe 
                [src]="eUrl"
                id="flipping_book_iframe"
                frameborder="0"
                allowfullscreen="allowfullscreen"></iframe>
</ng-container>

Поэтому, когда я нажимаю кнопку загрузки (исходя из URL-адреса перелистываемой книги) внутри iframe, приложение вылетает через несколько секунд.Но следующие и предыдущие слайды работают

Ionic:

ionic (Ionic CLI): 4.0.2

Ionic Framework: ionicпрямоугольный

3.9.2 @ ionic / app-scripts: 3.2.0

Cordova:

cordova (CordovaCLI): 8.1.2 (cordova-lib@8.1.1)

Платформы Cordova: недоступно

Система:

Инструменты Android SDK: 25.2.5

NodeJS: v8.9.3

npm: 5.4.2

ОС: Windows 10

Я нахожу этовнутри iframe: но, кажется, не работает на мобильном телефоне: публикации. PDF работает нормально на сайте.

Answer 1

я нахожу решение: отредактируйте htlml iframe в:

<ng-container>
    <iframe 
            [src]="eUrl"
            id="flipping_book_iframe"
            #flippingBook
            (load)="onLoadFlippingBook()"
            frameborder="0"
            allowfullscreen="allowfullscreen"></iframe>
</ng-container>

.ts файл:

 @ViewChild('flippingBook') flippingBookIframe: ElementRef;

onLoadFlippingBook(){
    if(this.flippingBookIframe){
      let iframe = jQuery('#flipping_book_iframe');
      let allAs = iframe.contents().find('a[target=_blank]');
      allAs.on("click",function(e){
        e.preventDefault();
        let url = this.href;
        window.open(url,"_system");
      });
    }

, по крайней мере, когда вы нажмете кнопку загрузки, PDF откроется