Question

如何在窗口onload事件

中运行角度初始化代码时使我的角度应用程序工作

PS：评论中的代码有效，onload事件中的代码没有......

＆＃13;

<!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>

＆＃13;

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真的更好。如果您担心某些内容在页面准备就绪之前未加载，您可以使用ng-cloak

在window.onload上初始化角度

1 个答案: