angularJS指令ng-repeat生成的dom元素js获取不到,该怎么处理?

之前用了ng-repeat写了一个渲染时间进度条的需求,但是angular和vue不同,在angualr中通过ng-repeat生成的dom元素无论我怎么操作JS都获取不到,后来发现:angular渲染dom完成了,才能对想要的元素进行操作!

具体操作如下:
JS文件:

app.directive('onFinishRenderFilters', function ($timeout) {
    return {
        restrict: 'A',
        link: function(scope, element, attr) {
            if (scope.$last === true) {
                $timeout(function() {
                    scope.$emit('ngRepeatFinished');
                });
            }
        }
    };
});
$scope.$on('ngRepeatFinished', function (ngRepeatFinishedEvent) {
   //此处为具体方法(获取dom操作)

});
                       

html文件

<div ng-repeat="(i,item) in list" on-finish-render-filters>
//具体页面html
</div>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值