How to run function in AngularJS controller on document ready?

by

We can use the angular.element(document).ready() method to attach callbacks for when the document is ready. We can simply attach the callback in the controller like so:

angular.module('MyApp', [])

.controller('MyCtrl', [function() {
    angular.element(document).ready(function () {
        document.getElementById('msg').innerHTML = 'Hello';
    });
}]);

http://jsfiddle.net/jgentes/stwyvq38/1/

More Related Contents:

  1. AngularJS – Image “onload” event
  2. Working with select using AngularJS’s ng-options
  3. Angularjs Uncaught Error: [$injector:modulerr] when migrating to V1.3
  4. Why Does Firebase Lose Reference outside the once() Function?
  5. AngularJS 1.2 $injector:modulerr
  6. how to use Protractor on non angularjs website?
  7. AngularJS multiple filter with custom filter function
  8. AngularJS: Better way to watch for height change
  9. AngularJS group check box validation
  10. using AngularJS html5mode with nodeJS and Express
  11. AngularJS dynamic form field validation
  12. Change format of md-datepicker in Angular Material with momentjs
  13. Angular JS: What is the need of the directive’s link function when we already had directive’s controller with scope?
  14. Angularjs $http post file and form data
  15. Resetting form after submit in Angularjs
  16. ES6 Promise not Updating AngularJS DOM [duplicate]
  17. Does Angular routing template url support *.cshtml files in ASP.Net MVC 5 Project?
  18. Angular 1 – get current URL parameters
  19. AngularJS : ng-model binding not updating when changed with jQuery
  20. In AngularJS, any inline javascript code that included in HTML templates doesn’t work
  21. Remove ‘All Files’ option from HTML file input
  22. ng-click not working in dynamically created content
  23. What is the difference between Polymer elements and AngularJS directives?
  24. Show pop-ups the most elegant way
  25. $resource callback (error and success)
  26. AngularJS: lazy loading controllers and content
  27. Is it a bad practice to use jQuery in Angular? [closed]
  28. Rename Object Key in an array using javascript
  29. Function Called Multiple Times in AngularJS Repeat Section
  30. Load static JSON file in Webpack

Leave a Comment