使用过滤后的ngRepeat解决这个问题的方法可以是使用突变事件，但它们已被弃用(没有立即替换)。

然后我想到了另一个简单的问题:

app.directive('filtered',function($timeout) {
    return {
        restrict: 'A',link: function (scope,element,attr) {
            var elm = element[0]
                ,nodePrototype = Node.prototype
                ,timeout
                ,slice = Array.prototype.slice
            ;

            elm.insertBefore = alt.bind(null,nodePrototype.insertBefore);
            elm.removeChild = alt.bind(null,nodePrototype.removeChild);

            function alt(fn){
                fn.apply(elm,slice.call(arguments,1));
                timeout&&$timeout.cancel(timeout);
                timeout = $timeout(altDone);
            }

            function altDone(){
                timeout = null;
                console.log('Filtered! ...fire an event or something');
            }
        }
    };
});

这与Node挂钩。父元素的原型方法，带有一个滴答的$timeout来观察后续的修改。

它的工作基本正确，但我确实得到了一些情况下，altDone将被调用两次。

再次……将这个指令添加到ngRepeat的父类。

我很惊讶在这个问题的答案中没有找到最简单的解决方案。 你要做的是在你的repeat元素(带有ngRepeat指令的元素)上添加一个ngInit指令，检查$last (ngRepeat在作用域中设置的一个特殊变量，它表明重复元素是列表中的最后一个)。如果$last为真，我们将呈现最后一个元素，并可以调用我们想要的函数。

ng-init="$last && test()"

HTML标记的完整代码如下:

<div ng-app="testApp" ng-controller="myC">
    <p ng-repeat="t in ta" ng-init="$last && test()">{{t}}</p>
</div>

除了你想要调用的作用域函数(在本例中是test)，你不需要在应用程序中添加任何额外的JS代码，因为ngInit是由Angular.js提供的。只要确保你的测试函数在作用域中，这样就可以从模板中访问它:

$scope.test = function test() {
    console.log("test executed");
}

其他解决方案在初始页面加载时工作得很好，但是从控制器调用$timeout是确保在模型更改时调用函数的唯一方法。这里有一个工作小提琴使用$timeout。对于你的例子，它将是:

.controller('myC', function ($scope, $timeout) {
$scope.$watch("ta", function (newValue, oldValue) {
    $timeout(function () {
       test();
    });
});

ngRepeat只会在行内容为新时计算指令，所以如果你从列表中删除项目，onFinishRender将不会触发。例如，尝试在这些fiddles发射中输入过滤器值。

如果您希望回调(即test())在DOM构造之后执行，但在浏览器呈现之前执行，请使用$evalAsync。这将防止闪烁- ref。

if (scope.$last) {
   scope.$evalAsync(attr.onFinishRender);
}

小提琴。

如果你真的想在渲染后调用回调函数，使用$timeout:

if (scope.$last) {
   $timeout(function() { 
      scope.$eval(attr.onFinishRender);
   });
}

我更喜欢$eval而不是一个事件。对于事件，我们需要知道事件的名称，并为该事件向控制器添加代码。使用$eval，控制器和指令之间的耦合更少。

使用过滤后的ngRepeat解决这个问题的方法可以是使用突变事件，但它们已被弃用(没有立即替换)。

然后我想到了另一个简单的问题:

app.directive('filtered',function($timeout) {
    return {
        restrict: 'A',link: function (scope,element,attr) {
            var elm = element[0]
                ,nodePrototype = Node.prototype
                ,timeout
                ,slice = Array.prototype.slice
            ;

            elm.insertBefore = alt.bind(null,nodePrototype.insertBefore);
            elm.removeChild = alt.bind(null,nodePrototype.removeChild);

            function alt(fn){
                fn.apply(elm,slice.call(arguments,1));
                timeout&&$timeout.cancel(timeout);
                timeout = $timeout(altDone);
            }

            function altDone(){
                timeout = null;
                console.log('Filtered! ...fire an event or something');
            }
        }
    };
});

这与Node挂钩。父元素的原型方法，带有一个滴答的$timeout来观察后续的修改。

它的工作基本正确，但我确实得到了一些情况下，altDone将被调用两次。

再次……将这个指令添加到ngRepeat的父类。

var module = angular.module('testApp', [])
    .directive('onFinishRender', function ($timeout) {
    return {
        restrict: 'A',
        link: function (scope, element, attr) {
            if (scope.$last === true) {
                $timeout(function () {
                    scope.$emit(attr.onFinishRender);
                });
            }
        }
    }
});

注意，我没有使用.ready()，而是将它包装在$timeout中。$timeout确保它在ng-repeat元素真正完成呈现时执行(因为$timeout将在当前摘要周期的末尾执行——并且它还将在内部调用$apply，不像setTimeout)。因此在ng-repeat完成之后，我们使用$emit将事件发送到外部作用域(兄弟作用域和父作用域)。

然后在你的控制器中，你可以用$on捕获它:

$scope.$on('ngRepeatFinished', function(ngRepeatFinishedEvent) {
    //you also get the actual event object
    //do stuff, execute functions -- whatever...
});

使用类似这样的html:

<div ng-repeat="item in items" on-finish-render="ngRepeatFinished">
    <div>{{item.name}}}<div>
</div>