如何在angular渲染完dom以后执行js代码 -问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

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

杨冬芳 2016-06-21 13:38:07 1714

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

JavaScript
分享到
取消 提交回答
全部回答(1)
  • 杨冬芳
    2019-07-17 19:44:47

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

    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了。

    0 0
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程