开发者社区> 问答> 正文

如何在angular渲染完dom以后执行js代码

我在一个页面的controller中要根据拿到的数据来对某div的class进行操作,但是这时候dom还没渲染完,这个div是repeat出来的,此时拿到的只是空的nodelist,想问大家怎样才能知道angular渲染结束并且顺利执行我的代码?

展开
收起
杨冬芳 2016-06-21 13:38:07 2868 0
1 条回答
写回答
取消 提交回答
  • IT从业

    这里,我没看懂你要完成以后做什么操作。暂且不管他。

    ng渲染完以后 数据会自己绑定上去。你应该不需要自己去操作。而且不推荐你去干扰ng自己的digest流。

    如果你胆儿肥的话,可以照这个做
    https://github.com/angular/angular.js/issues/734

    还有

    http://docs-next.angularjs.org/api/angular.module.ng.$rootScope.Scope#$evalAsync

    但是我觉得你的问题可能并不是你想的那样,即使你的repeat的list是空的 也会在装满以后自己渲染出来。

    这里你需要注意 你的list 是否中途重新赋值了。如果有,那你傻逼了。

    如果你非要那样玩儿。可以试试看用一个函数包裹。函数里面返回你要处理的list,在模板上repeat 那个 函数的返回值。

    如果你的这个list是请求回来的。那么你用ng resouce的正确规则去取,然后直接往页面上丢就行了。取完了他自己会出现。

    现在确保数据正确,你可以用ng class 在ng的渲染流中加你的class了。

    2019-07-17 19:44:47
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
JavaScript异步编程 立即下载
Delivering Javascript to World 立即下载
编程语言如何演化-以JS的private为例 立即下载