这里有一个使用ng-init的简单方法，甚至不需要自定义指令。在某些情况下，它对我来说工作得很好，例如，需要在页面加载时自动滚动ng-repeat项的div到特定项，因此滚动函数需要等到ng-repeat完成对DOM的渲染后才能触发。

<div ng-controller="MyCtrl">
    <div ng-repeat="thing in things">
        thing: {{ thing }}
    </div>
    <div ng-init="fireEvent()"></div>
</div>

myModule.controller('MyCtrl', function($scope, $timeout){
    $scope.things = ['A', 'B', 'C'];

    $scope.fireEvent = function(){

        // This will only run after the ng-repeat has rendered its things to the DOM
        $timeout(function(){
            $scope.$broadcast('thingsRendered');
        }, 0);

    };
});

注意，这只对ng-repeat初始渲染后需要调用一次的函数有用。如果你需要在ng-repeat内容更新时调用一个函数，那么你必须在这个线程上使用一个自定义指令的其他答案之一。

实际上，您应该使用指令，并且ng-Repeat循环的末尾没有绑定事件(因为每个元素都是单独构造的，并且有自己的事件)。但是a)使用指令可能是你所需要的，b)有一些ng-Repeat特定的属性，你可以使用它来创建你的“on ngRepeat finished”事件。

具体来说，如果你想要的只是在整个表中添加事件样式，你可以使用包含所有ngRepeat元素的指令来实现。另一方面，如果你想具体地处理每个元素，你可以在ngRepeat中使用一个指令，它将在每个元素被创建后作用于每个元素。

然后，还有可以用来触发事件的$index、$first、$middle和$last属性。对于这个HTML:

<div ng-controller="Ctrl" my-main-directive>
  <div ng-repeat="thing in things" my-repeat-directive>
    thing {{thing}}
  </div>
</div>

你可以像这样使用指令:

angular.module('myApp', [])
.directive('myRepeatDirective', function() {
  return function(scope, element, attrs) {
    angular.element(element).css('color','blue');
    if (scope.$last){
      window.alert("im the last!");
    }
  };
})
.directive('myMainDirective', function() {
  return function(scope, element, attrs) {
    angular.element(element).css('border','5px solid red');
  };
});

看看这款Plunker的应用吧。

如果你只是想在循环的末尾执行一些代码，这里有一个稍微简单的变体，不需要额外的事件处理:

<div ng-controller="Ctrl">
  <div class="thing" ng-repeat="thing in things" my-post-repeat-directive>
    thing {{thing}}
  </div>
</div>

function Ctrl($scope) {
  $scope.things = [
    'A', 'B', 'C'  
  ];
}

angular.module('myApp', [])
.directive('myPostRepeatDirective', function() {
  return function(scope, element, attrs) {
    if (scope.$last){
      // iteration is complete, do whatever post-processing
      // is necessary
      element.parent().css('border', '1px solid black');
    }
  };
});

观看现场演示。

我必须在ng-repeat结束后使用MathJax渲染公式，上面的答案都没有解决我的问题，所以我做了如下。这不是一个很好的解决方案，但对我来说很有效。

<div ng-repeat="formula in controller.formulas">
    <div>{{formula.string}}</div>
    {{$last ? controller.render_formulas() : ""}}
</div>

没有必要创建一个指令，特别是为了有一个ng-repeat完成事件。

Ng-init会为您带来魔力。

  <div ng-repeat="thing in things" ng-init="$last && finished()">

$last确保，当最后一个元素被呈现给DOM时，finished才会被触发。

不要忘记创建$scope。完成事件。

编码快乐! !

编辑:2016年10月23日

如果你还想在数组中没有项的情况下调用完成的函数，那么你可以使用下面的解决方法

<div style="display:none" ng-init="things.length < 1 && finished()"></div>
//or
<div ng-if="things.length > 0" ng-init="finished()"></div>

只需在ng-repeat元素的顶部添加上面的行。它将检查数组是否没有任何值，并相应地调用函数。

E.g.

<div ng-if="things.length > 0" ng-init="finished()"></div>
<div ng-repeat="thing in things" ng-init="$last && finished()">

我想补充另一个答案，因为前面的答案需要在ngRepeat完成后运行的代码是一个angular代码，在这种情况下，所有的答案都给出了一个伟大而简单的解决方案，有些比其他的更通用，如果它的重要的摘要生命周期阶段，你可以看看本纳德尔的博客，除了使用$parse而不是$eval。

但根据我的经验，OP状态，它通常在最终编译的DOM上运行一些JQuery插件或方法，在这种情况下，我发现最简单的解决方案是创建一个带有setTimeout的指令，因为setTimeout函数被推到浏览器队列的末尾，它总是在angular中所有事情都完成之后，通常是ngReapet，它继续在它的父母postLinking函数之后

angular.module('myApp', [])
.directive('pluginNameOrWhatever', function() {
  return function(scope, element, attrs) {        
    setTimeout(function doWork(){
      //jquery code and plugins
    }, 0);        
  };
});

对于那些想知道在这种情况下为什么不使用$timeout的人来说，它会导致另一个完全不必要的消化周期