Угловой модуль отложенной реализации

0

У меня есть угловой модуль, определенный в рутине после window.onload, я считаю, что угловой поиск модуля перед окном загружается, но мне нужно, чтобы все мои активы были загружены, прежде чем запускать угловой модуль.

Есть ли способ, возможно, другое событие загрузки, такое как DOM ready и т.д., Что я могу подключить мой запуск приложения, а затем угловой запуск? Мой угловой модуль является зависимым и используется другой библиотекой.

window.onload = function() {
    angular.module("nav", [])
        .controller("NavController", function() {
        });
}

<nav class="state_2" ng-app="nav">
        <ul ng-controller="NavController">
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </nav>
Теги:
angularjs-controller
lazy-loading
angular-bootstrap

2 ответа

1

Вы хотите достичь, просто делая ленивое приложение загрузки, используя angular.bootstrap тогда вы должны удалить ng-app из html.

наценка

<nav class="state_2">
  <ul ng-controller="NavController">
    {{test}}
    <li>1</li>
    <li>2</li>
    <li>3</li>
  </ul>
</nav>

Код

window.onload = function() {
  angular.module("nav", [])
    .controller("NavController", function($scope) {
      $scope.test= '13123'
    });
    angular.bootstrap(document, ['nav']);
}

Demo Plunkr

  • 0
    @ user2727195 тебе это помогло?
0

Помещение всех ваших скриптов под DOM и до закрытия тега body гарантирует, что скрипты будут запущены после загрузки DOM.

См. Это отличное объяснение: чистый JavaScript, эквивалентный jQuery $.ready(), как вызвать функцию, когда страница /dom готова для нее

Ещё вопросы

Сообщество Overcoder
Наверх
Меню