准备好文档后调用AngularJS函数 [英] Call AngularJS function on document ready

问题描述

是否可以从JavaScript函数中调用Angular函数?

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

function AngularCtrl($scope) {
  $scope.setUserName = function(student){  
    $scope.user_name = 'John';
  }
}

我的HTML需要以下功能:

I need the following functionality in my HTML:

jQuery(document).ready(function(){
  AngularCtrl.setUserName();
}

这里的问题是加载页面时出现了我的HTML代码，因此html中的ng指令未编译.所以我想在加载DOM时$compile(jQuery("PopupID"));.

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.

有没有一种方法可以在文档就绪时调用Angular函数?

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

推荐答案

Angular具有自己的功能，可以对准备就绪的文档进行测试.您可以手动进行引导，然后设置用户名:

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();
});

要执行此操作，您需要从html中删除ng-app指令.

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

这篇关于准备好文档后调用AngularJS函数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！