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

Question

У меня есть угловой модуль, определенный в рутине после 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> 

Answer 1

Сопоставив все ваши сценарии ниже DOM и перед закрытием тега тела обеспечит сценарии запуска после того, как DOM загружен.

Смотрите это превосходное объяснение: pure JavaScript equivalent to jQuery's $.ready() how to call a function when the page/dom is ready for it

Answer 2

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

Markup

<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