current community

your communities

more stack exchange communities

company blog
Stack Exchange Inbox Reputation and Badges
tour help
Join the Stack Overflow Community
Stack Overflow is a community of 6.4 million programmers, just like you, helping each other.
Join them; it only takes a minute:
Sign up
up vote 0 down vote favorite

How to use window.onload function inside a controller.

 window.onload= function() { 
    console.log("Hi Page loaded")
   };

The controller is not applicable for the full page. I want to execute a function after my controller loads at-least.

share|improve this question
1  
A controller is a function. Put code directly in that function, and it will be executed when the controller function is called by angular. – JB Nizet 23 hours ago
    
Angular functions will execute asynchronously. I want to run a particular function after all the other functions completes execution. – Santosh Hegde 21 hours ago
    
You really, really need to clarify your question. First you talk about window.onload. Then you say "after my controller loads". Then you say "after all the other functions completes execution", bu wothout saying what those other functions are. What are you trying to achieve, at a higher level? What would you like your controller to do? – JB Nizet 21 hours ago
    
window.onload will execute after page loads completely. So i wanted to use window.onload in my code. But my application is loading within another page. So the controller which i wrote is not for the full page. Thats why window.onload is not working. So alternate option i have is execute a function after all other function completes execution. – Santosh Hegde 21 hours ago
up vote 2 down vote accepted

You can use ng-init and invoke your necessary function using the same directive

var app = angular.module('DemoApp', [])
app.controller('akuaController', function($scope) {
  $scope.load = function() {
    alert("Window is loaded");
  }
});
<!DOCTYPE html>
<html>

<head>
  <script data-require="[email protected]" data-semver="1.4.7" src="https://code.angularjs.org/1.4.7/angular.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/angular-filter/0.4.7/angular-filter.js"></script>
  <link rel="stylesheet" href="style.css" />
  <script src="script.js"></script>
</head>

<body ng-app="DemoApp" ng-controller="akuaController">
  <div ng-init="load()">
  </div>
</body>

</html>

share|improve this answer
up vote 0 down vote

Changing the example from Angular $window

Your Controller

angular.module('windowExample', [])
    .controller('ExampleController', ['$scope', '$window', function($scope, $window) {
      $scope.greeting = 'Hello, World!';
      $scope.doGreeting = function(greeting) {

        // This would be a starting point
        $window.onload(greeting);
      };
    }]);

Your markup

<div ng-controller="ExampleController" ng-init="ExampleController.doGreeting()">
</div>
share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.