我的angular控制器中有一个函数,我希望这个函数可以在document ready上运行,但我注意到angular在创建dom时运行它.

 function myController($scope)
 {
     $scope.init = function()
     {
        // I'd like to run this on document ready
     }

     $scope.init(); // doesn't work, loads my init before the page has completely loaded
 }

有人知道我该怎么做吗?

推荐答案

我们可以使用angular.element(document).ready()方法附加文档就绪时的回调.我们可以简单地将回调附加到控制器中,如下所示:

angular.module('MyApp', [])

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

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

Javascript相关问答推荐

如何保持子画布元素的1:1宽高比?

Express.js:使用Passport.js实现基于角色的身份验证时出现太多重定向问题

react 路由加载程序行为

docx.js:如何在客户端使用文档修补程序

如何在mongoose中链接两个模型?

使用Java脚本根据按下的按钮更改S文本

如何将Cookie从服务器发送到用户浏览器

如何避免页面第一次加载时由于CSS样式通过JavaScript更改而出现闪烁

变量的值在Reaction组件中的Try-Catch语句之外丢失

当id匹配时对属性值求和并使用JavaScript返回结果

更改预请求脚本中重用的JSON主体变量- Postman

为什么我的getAsFile()方法返回空?

环境值在.js文件/Next.js中不起作用

Reaction Redux&Quot;在派单错误中检测到状态Mutations

JavaScript不重定向配置的PATH

如何确保预订系统跨不同时区的日期时间处理一致?

当标题被点击时,如何使内容出现在另一个div上?

每次重新呈现时调用useState initialValue函数

为什么延迟在我的laravel项目中不起作用?

自动滚动功能在当前图像左侧显示上一张图像的一部分