Question

68

Call AngularJS function on document ready

rated 0 times [ 75] [ 7] / answers: 1 / hits: 72550 / 12 Years ago, wed, december 12, 2012, 12:00:00

Is there a way to call an Angular function from a JavaScript function?

function AngularCtrl($scope) {

  $scope.setUserName = function(student){  

    $scope.user_name = 'John';

  }

}

I need the following functionality in my HTML:

jQuery(document).ready(function(){

  AngularCtrl.setUserName();

}

The problem here is my HTML code is present when page is loaded and hence the ng directives in the html are not compiled. So I would like to $compile(jQuery(PopupID)); when the DOM is loaded.

Is there a way to call a Angular function on document ready?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

zaynerogerb

Add To Favorites

Follow

Total Points: 454

Total Questions: 109

Total Answers: 97

Location: Comoros

Member since Tue, Mar 14, 2023

1 Year ago

zaynerogerb questions

1 Error: Caching was left unconfigured. Babel's plugins when I installed Font Awesome to my react app

Fri, Mar 4, 22, 00:00, 2 Years ago

1 Cannot import Popper.js in VueJS

Sat, Sep 5, 20, 00:00, 4 Years ago

1 Framer Motion exit animation not firing on accordion with react-router-dom

Wed, Aug 12, 20, 00:00, 4 Years ago

1 How to use Behaviorsubject to detect change

Fri, May 8, 20, 00:00, 4 Years ago

1 How to solve DELETE error 404 not found express.js

Mon, Apr 6, 20, 00:00, 4 Years ago

View All

answered 12 Years ago billtreytonb · Accepted Answer

Angular has its own function to test on document ready. You could do a manual bootstrap and then set the username:

angular.element(document).ready(function () {

    var $injector = angular.bootstrap(document, ['myApp']);

    var $controller = $injector.get('$controller');

    var AngularCtrl = $controller('AngularCtrl');

    AngularCtrl.setUserName();

});

For this to work you need to remove the ng-app directive from the html.