Загрузка файлов PDF не работает в мобильных браузерах Ipad (chrome и Safari) - Angular JS

Question

У меня есть приложение Angular JS. Я пытаюсь загрузить PDF-файл на новой вкладке (полученной из серверной части) в мобильных браузерах, используя приведенный ниже код.

this.windowHolder.windowObjectReference = window.open ("about: blank", "_blank");

this.windowHolder.windowObjectReference.location. href = downloadContentUrl;

где

windowHolder является экземпляром класса WindowHolder, как показано ниже.

class WindowHolder {

    public intervalTimeID: number;
    public intervalCallPopup: number;
    public windowObjectReference: any;

    constructor() {
        this.intervalTimeID = 0;
        this.intervalCallPopup = 0;
        this.windowObjectReference = null;
    }

    public close() {
        if (this.windowObjectReference !== null) {
            this.windowObjectReference.close();
            this.windowObjectReference = null;
        }
    }
}

Работает нормально на всех устройствах и браузеры, кроме IPAD . Та же логика c отлично работает в мобильных браузерах iphone (как в Safari, так и в chrome). Проблема связана только с браузерами IPAD.

Проблема в IPAD chrome: Файл PDF загружается, но при попытке открыть его говорит, что файл поврежден или поврежден.

Проблема в сафари по IPAD: Файл PDF не загружается вообще. Вместо этого браузер показывает ошибку WebKitBlobResource

Мне нужно исправить этот код, чтобы я мог загружать PDF даже в браузерах IPAD. Ценю твою помощь. Заранее спасибо.