Как проверить, завершена ли загрузка страницы в Aurelia - PullRequest
Новая
       46

Как проверить, завершена ли загрузка страницы в Aurelia

0 голосов
/ 07 ноября 2018

У меня есть скрипт, который должен запускаться после полной загрузки страницы.

Есть ли в Aurelia способ выяснить, завершена ли загрузка страницы, учитывая, что все подмодули загружены?

Сценарий, который я запускаю, является сценарием отслеживания вызовов, который изменяет целевые номера на моей странице. В настоящее время он работает как последний шаг внутри шага конфигурации PostRender, и все, что загружается после этого, не наблюдается сценарием. Кроме того, этот скрипт нужно запускать на каждой странице моего сайта.

Заранее благодарим за ваш вклад.

Ответы [ 2 ]

0 голосов
/ 21 ноября 2018

Взгляните на код плагина aurelia afterAttached, прототип присоединенного метода переопределен и выполнена некоторая пользовательская логика. Вы можете использовать тот же метод для выполнения там своего пользовательского кода, возможно, использовать агрегатор событий aurelia для запуска глобального присоединенного события? 

import {Controller} from 'aurelia-templating';

export function configure(aurelia) {

  // intercept attached() calls of the View
  var attached = Controller.prototype.attached;
  Controller.prototype.attached = function() {
    attached.call(this);

    // fire your global attached event here, or before the call to attached, depending of what you want to do
  }
}

Источник: https://github.com/aurelia-ui-toolkits/aurelia-after-attached-plugin/blob/master/src/aurelia-after-attached-plugin.js

0 голосов
/ 08 ноября 2018

Вы смотрели на жизненный цикл Aurelia? 

export class SomeClass {

  // Navigate To
  constructor() {
      console.log("1. constructor")
  }

  canActivate() {
      console.log("2. canActivate")
  }

  activate() {
      console.log("3. activate")
  }

  attached() {
      // Page has loaded
      console.log("4. attached")
  }

  // Navigate Away
  canDeactivate() {
      console.log("1. canDeactivate")
  }

  deactivate() {
      console.log("2. deactivate")
  }

  detached() {
      console.log("3. detached")
  }
}

https://aurelia.io/docs/fundamentals/cheat-sheet

...