window.onload basit bir HTML dosyasında angularjs

Question

Bu kod çalışmaz çalışır: Bir angularjs web uygulamasının index.html dosyası içine koyarsanız Ancak

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

, öyle değil. Herkes neden olduğunu bilmiyor mu?

Answer 1

çalışmalıdır:

jQuery (function() {/ ** benim pencere onload fonksiyonları ** /}) açısal beri

da zaten Jquery bir alt kümesini kullanır gerçek şeyi içerebilir. daha iyisi

:

olurdu: http://docs.angularjs.org/api/ng.directive:ngInit

< herhangi ng-init = "functionInController
yerine bu kullanmak yerine, başlatılıyor şeylerin açısal yolu kullanmayı düşünebilirsiniz (bir şey) "...

görünmez hale gelinceye kadar görünmez hale getirmek için: http://docs.angularjs.org/api/ng.directive:ngCloak

< herhangi ng-pelerin .....

/initialize bütün parçaları özelleştirmek için: http://docs.angularjs.org/guide/directive

< herhangi yönerge-name ....

Answer 2

Deneyin

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

Ben köşeli bir app.run() işlev kodu bu tür koyarak tercih ile işlevini çağırın.

örn.

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

da sırasını göstermektedir Bu güzel yazıyı kontrol bazı şeyler iki şey uyumsuz, ancak ara verdik eğer size daha sonra bir angularjs app yazmak için söylemiyorum açısal AngularJS app.run() documentation?