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

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

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

如果你不反对使用双重作用域道具，并且你正在编写一个唯一内容是repeat的指令，那么有一个相当简单的解决方案(假设你只关心初始渲染)。在link函数中:

const dereg = scope.$watch('$$childTail.$last', last => {
    if (last) {
        dereg();
        // do yr stuff -- you may still need a $timeout here
    }
});

这对于需要根据呈现列表成员的宽度或高度执行DOM manip的指令是有用的(我认为这是人们会问这个问题的最可能的原因)，但它不像已经提出的其他解决方案那样通用。

到目前为止给出的答案只在ng-repeat第一次呈现时有效，但如果您有一个动态ng-repeat，这意味着您将添加/删除/过滤项，并且每次ng-repeat呈现时都需要得到通知，那么这些解决方案将不适用于您。

所以，如果你需要通知每一次ng-repeat得到重新渲染，而不仅仅是第一次，我已经找到了一种方法来做到这一点，这是相当“hacky”，但它会工作得很好，如果你知道你在做什么。在使用任何其他$filter之前，在ng-repeat中使用这个$filter:

.filter('ngRepeatFinish', function($timeout){
    return function(data){
        var me = this;
        var flagProperty = '__finishedRendering__';
        if(!data[flagProperty]){
            Object.defineProperty(
                data, 
                flagProperty, 
                {enumerable:false, configurable:true, writable: false, value:{}});
            $timeout(function(){
                    delete data[flagProperty];                        
                    me.$emit('ngRepeatFinished');
                },0,false);                
        }
        return data;
    };
})

这将在每次ng-repeat被渲染时$发出一个名为ngRepeatFinished的事件。

如何使用:

<li ng-repeat="item in (items|ngRepeatFinish) | filter:{name:namedFiltered}" >

ngRepeatFinish过滤器需要直接应用到你的$作用域中定义的数组或对象，你可以应用其他过滤器。

如何不使用它:

<li ng-repeat="item in (items | filter:{name:namedFiltered}) | ngRepeatFinish" >

不要先应用其他过滤器，然后再应用ngRepeatFinish过滤器。

什么时候用这个?

如果您希望在列表完成呈现后将某些css样式应用到DOM中，因为您需要考虑已由ng-repeat重新呈现的DOM元素的新维度。(顺便说一下:这些操作应该在指令中完成)

在处理ngRepeatFinished事件的函数中不要做什么:

不要执行$scope。否则你会把Angular置于一个无穷循环中，Angular将无法检测到。 不要使用它来更改$scope属性，因为这些更改直到下一个$digest循环才会反映在视图中，而且由于您不能执行$scope。$apply它们没有任何用处。

“但是滤镜不是用来这样用的!!”

不，他们不是，这是一个黑客，如果你不喜欢它就不要用它。如果你知道更好的方法来完成同样的事情，请告诉我。

总结

这是一个hack，以错误的方式使用它是危险的，只在ng-repeat完成渲染后应用样式时使用它，你应该不会有任何问题。

请看看小提琴，http://jsfiddle.net/yNXS2/。因为你创建的指令没有创建一个新的范围，我继续在这种方式。

美元的范围。Test = function(){…我做到了。

如果你需要在同一个控制器上为不同的ng-repeat调用不同的函数，你可以尝试这样做:

该指令:

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.broadcasteventname ? attr.broadcasteventname : 'ngRepeatFinished');
            });
            }
        }
    }
});

在你的控制器中，用$on捕获事件:

$scope.$on('ngRepeatBroadcast1', function(ngRepeatFinishedEvent) {
// Do something
});

$scope.$on('ngRepeatBroadcast2', function(ngRepeatFinishedEvent) {
// Do something
});

在模板中使用多个ng-repeat

<div ng-repeat="item in collection1" on-finish-render broadcasteventname="ngRepeatBroadcast1">
    <div>{{item.name}}}<div>
</div>

<div ng-repeat="item in collection2" on-finish-render broadcasteventname="ngRepeatBroadcast2">
    <div>{{item.name}}}<div>
</div>

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>