javascript - Angular 模块延迟实例化

Question

我在 window.onload 之后的例程中定义了 Angular 模块，我相信 Angular 在加载窗口之前会查找模块，但我需要确保在触发 Angular 模块之前加载所有资源。

有没有办法，也许是另一个加载事件，比如 DOM 就绪等，我可以 Hook 我的应用程序启动，然后进行 Angular 启动？我的 Angular 模块是一个依赖项，并被另一个库使用。

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

您想要实现的只是通过延迟加载应用程序，使用angular.bootstrap，然后您应该从html中删除ng-app。

标记

<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