在 window.onload 上初始化 angular

Question

当运行 window 加载事件

中的angular 初始化代码时，我如何让我的angular 应用程序正常工作

PS : 注释中的代码有效，onload 事件中的代码无效...

<!DOCTYPE html>
<html>
  <head>
    <script src="http://apps.bdimg.com/libs/angular.js/1.4.0-beta.4/angular.min.js"></script>
    <link rel="stylesheet" href="style.css" />
    <!--script>
     angular.module('dropboxApp', [])
            .controller('dropboxController', function () {
                var dropbox = this;
                dropbox.label = 'hello angular';
            });
    </script-->
    <script type="text/javascript">
      window.onload=function() { 
      angular.module('dropboxApp', [])
            .controller('dropboxController', function () {
                var dropbox = this;
                dropbox.label = 'hello angular';
            });}
      </script>
  </head>

  <body>
    <div ng-app="dropboxApp" ng-controller="dropboxController as dropbox">
    {{dropbox.label}}
    </div>
  </body>

</html>

Answer 1

请查看我为您的 IIFE 样式示例所做的修复： jsfiddle

<script>
  window.onload=(function (angular) { 
  angular.module('dropboxApp', [])
        .controller('dropboxController', function () {
            var dropbox = this;
            dropbox.label = 'hello angular';
        });})(window.angular);
  </script>

但我真的不建议您为此目的使用 window.onload。用ng-init. And if you're worried about some content, which isn't loaded until page is ready, you can use ng-cloak

真的更好

在 window.onload 上初始化 angular

initialize angular on window.onload

onload

angularjs