准备好文档后调用AngularJS函数

Question

有没有办法从JavaScript函数调用Angular函数？

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

我的HTML需要以下功能：

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

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

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

Answer 1

Angular具有自己的功能来测试文档是否就绪。您可以进行手动引导，然后设置用户名：

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指令。