angularjs -- 监听angularJs列表数据是否渲染完毕

前端开发 作者: 2024-08-21 03:35:01
前端在做数据渲染的时候经常会遇到在数据渲染完毕后执行某些操作,这几天就一直遇到在列表和表格渲染完毕后,执行点击和选择操作。对于angularjs处理这类问题,最好的方式就是指令 direct
app.directive('onfinishrenderfilters',function ($timeout) {
    return {
        restrict: 'A',link:  (scope,element,attr) {
            if (scope.$last === true) {    //判断是否是最后一条数据
                $timeout( () {
                    scope.$emit('ngRepeatFinished'); 向父级scope传送ngRepeatFinished命令
                });
            }
        }
    };
});
<div class="fixed-table-container" style="margin-right: 0px;">
    table ="table table-hover lamp-table">
        theadtr>
            th></th style="text-align: center; " data-field="name_device-id" tabindex="0"
                ng-repeat="i in provider.geoZoneListHead track by $index" ng-hide=i.bol>
                ="th-inner sortable "="padding-right: 10px">{{i.name}}
                </div="fht-cell"="width: 101px;">

        tbodytr ng-repeat="i in provider.geoZoneList" onfinishrenderfilterstd><input data-index name="btSelectItem" type="radio"
                       value="{{$index}}" ng-click="selectInput($index)"td ="nameId0">{{$index+1}}="nameId1">{{i.geoZoneName}}="nameId2">{{i.description}}="nameId3">{{i.totalNumberOfMembers}}="nameId4">{{i.country}}="nameId5">{{i.lastUpdateDate}}table>
>
$scope.$on('ngRepeatFinished',1)"> (ngRepeatFinishedEvent) {
    var btnList = $("input[name='btSelectItem']");
    btnList.eq(0).attr("checked","checked");
    $scope.provider.detalOutlet();
});
原创声明
本站部分文章基于互联网的整理,我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
本文链接:http://www.jiecseo.com/news/show_65876.html