NG循环结束后执行函数：（用于瀑布流，下拉框，及相关需要插座dom插件之类的场景）

Posted 2020-12-05 vonson

先定义指令：

app.directive(‘onFinishRender‘,function ($timeout) {
    return {
        restrict: ‘A‘,
        link: function (scope, element, attr) {
            if (scope.$last === true) {
                $timeout(function () {
                    scope.$emit(‘ngRepeatFinished‘);
                    // scope.isSelectShow = false;
});
            }
        }
    }
});

然后再在控制器中进行监听，并调用初始化函数

$scope.$on(‘ngRepeatFinished‘, function(ngRepeatFinishedEvent) {

      var select = document.getElementById(‘mySelect‘);
              console.log(select);
        select.style ="width:100%;height:34px";
       
       $(".js-example-basic-single").select2();


});

然后再在html页面绑定：

<tbody ng-repeat="row in convertdisplayed|filter:filter |paging:page.index:page.size"
       on-finish-render="ngRepeatFinished">