window.onload non funziona in AngularJS

Questo codice in un semplice file HTML funziona:window.onload non funziona in AngularJS

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

Tuttavia, se l'ho messo nel file index.html di una web app AngularJS, non è così. Qualcuno sa perché no?

fonte

2012-10-24 Curt

Non dire le due cose sono incompatibili, ma se si sta prendendo il tempo di scrivere un app angularJS poi si dovrebbe probabilmente cercare di trovare una casa migliore per la funzione di carico. Un controller collegato all'elemento HTML di livello superiore potrebbe farlo .. –

Abbiamo bisogno di più informazioni ... per una cosa. Il codice che hai funziona perfettamente per me. Per un'altra cosa, cosa stai cercando di fare? Roy Truelove ha assolutamente ragione, probabilmente non hai bisogno di usare una window.onload in un'app angolare. –

Grazie a @RoyTruelove e blesh. Ho appena provato ad eseguire il codice da index.html e questa volta funziona. Non ho idea di cosa sia cambiato.Probabilmente hai ragione sul non aver bisogno di window.onload. Proverò in un altro modo. – Curt

il seguente dovrebbe funzionare:

jQuery (function() {/ ** mie funzioni finestra onload ** /})

dal angolare utilizza un sottoinsieme di jquery comunque anche voi può includere la cosa reale.

meglio ancora:
Invece di utilizzare questo, potete prendere in considerazione il modo angolare di cose Inizializzando:

che sarebbe: http://docs.angularjs.org/api/ng.directive:ngInit

< qualsiasi ng-init = "functionInController (qualcosa) "...

per renderlo invisibile fino a init: http://docs.angularjs.org/api/ng.directive:ngCloak

< qualsiasi ng-mantello .....

per inizializzare/personalizzare intere parti: http://docs.angularjs.org/guide/directive

< qualsiasi direttiva nome ....

fonte

2012-10-28 19:03:33 Heinrich

Grazie aHeinrich per il tuo suggerimento. Sono nuovo di AngularJS, quindi potrebbe volerci un po 'per capire, ma probabilmente vale la pena di verificare. – Curt

potresti voler controllare questo: http://stackoverflow.com/questions/12922532/breaking-html-into-management-templates-for-angularjs/12923289#12923289 – Heinrich

ng-init non dovrebbe essere usato in questo modo secondo la relativa [documentazione di angularJS] (https://docs.angularjs.org/api/ng/directive/ngInit). – Pak

Prova

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

fonte

2013-09-12 08:55:52

Questo potrebbe anche essere angular.element ($ window). – iamdash

@iamdash: risolto questo problema, thx –

$ window non è definito – ryaz

Chiama la funzione con 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>

fonte

2014-12-14 23:50:59 Muhammed

Ho anche lo stesso problema, sto usando $ window.load per controllare se tutte le immagini sono stati caricati, init non chiama dopo tutto il caricamento dell'immagine. Spara prima. –

Non si deve usare 'ng-init' per cose del genere: https://docs.angularjs.org/api/ng/directive/ngInit –

@Petr Peller probabilmente, comunque funziona – Muhammed

preferisco mettere questo tipo di codice nella funzione app.run() di angolare.

ad es.

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

controllare anche questo bel post che raffigura l'ordine che alcune cose accadono in angolare AngularJS app.run() documentation?

fonte

2015-08-07 08:28:46

window.onload non funziona in AngularJS

risposta

Problemi correlati