angularJS页面加载完成后调用，循环结束后调用

最新推荐文章于 2021-02-26 10:02:51 发布

tao_wei162

最新推荐文章于 2021-02-26 10:02:51 发布

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： js/jquery/jqueryUi/jqueryEaseyUI/extjs/angulrJs/react/es6/grunt/zepto/raphael 文章标签： javascript ViewUI

本文链接：https://blog.youkuaiyun.com/tao_wei162/article/details/84908078

js/jquery/jqueryUi/jqueryEaseyUI/extjs/angulrJs/react/es6/grunt/zepto/raphael 专栏收录该内容

81 篇文章

订阅专栏

本文介绍如何在AngularJS中实现页面加载完成后的回调函数及ngRepeat循环渲染完成后的事件触发。通过使用$watch和$emit进行页面加载后的操作，并借助自定义指令和$timeout实现循环结束后执行特定代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

angularJS页面加载完成后调用，代码如下

// 页面加载完成后调用
$scope.$watch('$viewContentLoaded', function() {  
    // 你的代码
        ........   
});

循环结束后调用

首先，需要添加指令

.directive('onFinishRenderFilters', function($timeout) {
        return {
            restrict: 'A',
            link: function(scope, element, attr) {
                if(scope.$last === true) {
                    $timeout(function() {
                        scope.$emit('ngRepeatFinished');
                    });
                }
            }
        };
    });

html中添加指令的方法应该都会的~，如下：

循环结束后调用方法，代码如下：

$scope.$on('ngRepeatFinished', function(ngRepeatFinishedEvent) {
    // 你的代码
     ........    
});