window.onload nie działa w angularjs

Question

Ten kod w prostym pliku HTML działa:

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

Jednakże, jeśli mogę umieścić go w pliku index.html wystąpienia angularjs aplikacji internetowych, to nie. Czy ktoś wie, dlaczego nie?

Answer 1

następujące powinny działać:

jQuery (function() {/ ** moje funkcje okna onload ** /})

od kątowej wykorzystuje podzbiór jQuery jakikolwiek również może zawierać prawdziwą rzecz.

jeszcze lepiej:
Zamiast tego, można rozważyć użycie kątowego sposób inicjujących rzeczy:

że byłoby: http://docs.angularjs.org/api/ng.directive:ngInit

< każdy ng-init = "functionInController (coś) "...

uczynić go niewidocznym do czasu init: http://docs.angularjs.org/api/ng.directive:ngCloak

< każdy ng-płaszcz .....

do zainicjowania/dostosować całych elementów: http://docs.angularjs.org/guide/directive

< dowolny dyrektywa nazwa ....

Answer 2

Wypróbuj

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

Answer 3

Zadzwoń swoją funkcję z 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

Wolę wprowadzenie tego rodzaju kodu w funkcji app.run() z kanciasty.

np.

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

również sprawdzić ten piękny post, że przedstawia kolejność, że niektóre rzeczy dzieją się w kątowym AngularJS app.run() documentation?