Angular 8: Определить, когда активно всплывающее окно загрузки - PullRequest
Новая
       132

Angular 8: Определить, когда активно всплывающее окно загрузки

0 голосов
/ 16 июня 2020

Я работаю над прыгающей стрелкой, которая побуждает пользователя щелкнуть и загрузить файл. Таким образом, пользователь сначала нажимает кнопку «Загрузить», которая запускает загрузку в нижней части окна. В angular, есть ли способ обнаружить всплывающее окно загрузки, когда оно появляется? Например, обнаружение роутера или что-то в этом роде.

Здесь был ответ, но парень не был настолько конкретным Angular определить, открывается ли всплывающее окно

arrow.component. html

<div *ngIf="showArrow">
  <div class="arrow">
    <i class="fa fa-arrow-down" aria-hidden="true"></i>
  </div>
  <p class="download-text">
    <i class="fa fa-info-circle" aria-hidden="true"></i>Double click the
    .exe file to run this program
  </p>
</div>

arrow.component.ts 

  downloadClient() {
    window.location.href = environment.clientUrl;
    this.showArrow = true;
    setTimeout(() => {
      this.showArrow = false;
    }, 8000);
  }

В настоящее время это выглядит так, пользователь нажимает на это кнопка загрузки:

enter image description here

Пользователю предлагается загрузить файл (прыгающая стрелка находится в нижнем левом углу экрана, обычно всплывающее диалоговое окно файла не отображается t появляется в windows, но появляется в ma c OS, пока игнорируйте его)

enter image description here

Вместо установленного тайм-аута есть способ точно показать стрелку ТОЛЬКО при наличии всплывающего окна? И что он работает в разных браузерах (chrome / inte rnet explorer), и даже больше, можем ли мы проверить, что загруженный файл точно указывает на правильный?

Благодарю за вашу помощь!

...