window.onload does not work in AngularJS

window angularjs onload
Curt picture Curt · Oct 25, 2012 · Viewed 48.7k times · Source

This code in a simple HTML file works:

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

However, if I put it into the index.html file of an AngularJS web app, it does not. Does anybody know why not?

Answer

Mo. picture Mo. · Dec 15, 2014

Call your function with 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>

Related questions

How do I get the offset().top value of an element without using jQuery?

I'm programming a single-page application using the Angular framework. I'm new to it. I've read this guide to help me understand the fundamental differences between jQuery and Angular and I'd like to follow this guidance as much as possible and …

Read More
AngularJS $watch window resize inside directive

I have revealing module pattern which looks like this: 'use strict'; angular.module('app', []) .directive('myDirective', ['SomeDep', function (SomeDep) { var linker = function (scope, element, attr) { // some work }; return { link: linker, restrict: 'E' }; }]) ; What I'm having trouble with is integrating a $…

Read More
Window resize directive

I was trying to make a div resize when the window resizes, after looking around, it seems that using a directive was the best solution. Template: <div elHeightResize ng-view ng-style="{ height: windowHeight }"></div> Directive: myApp.directive(…

Read More