window.onload 在 AngularJS 中不起作用

Question

此代码在一个简单的 HTML 文件中有效：

<script>
  function load() {
    alert("load event detected!");
  }
  window.onload = load;
</script>

但是，如果我将它放入 AngularJS 网络应用程序的 index.html 文件中，它不会。有谁知道为什么不？

Answer 1

我更喜欢将这种代码放在 angular 的 app.run() 函数中。

例如

angular
.module('testApp', ['someModule'])
.constant('aConstant', 'hi')
.config(function($rootProvider) {/*some routing here*/})
.run(['$window', function($window) {
  $window.onload = function() {/*do your thing*/};
}]);

还可以查看这篇不错的帖子，该帖子描述了某些事情以角度发生的顺序 AngularJS app.run() documentation?

Answer 2

试试

angular.element($window).bind('load', function() {
});

Answer 3

使用ng-init 调用您的函数

var app = angular.module('app',[]);
app.controller('myController', function($scope){
    $scope.load = function () {
        alert("load event detected!");
    }
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app='app'>
  <div ng-controller='myController' ng-init='load()'></div>
</div>

Answer 4

以下应该有效：

jQuery(function(){ /** 我的窗口加载函数 **/ })

因为 Angular 使用了 jquery 的一个子集，所以你也可以包含真实的东西。

更好：
您可以考虑使用初始化事物的角度方式，而不是使用它：

那就是：http://docs.angularjs.org/api/ng.directive:ngInit

使其在初始化之前不可见：http://docs.angularjs.org/api/ng.directive:ngCloak

初始化/自定义整个部分：http://docs.angularjs.org/guide/directive