javascript - Angular，在 $last 上嵌套重复触发事件

Question

所以我有一个嵌套的 ng-repeat，我试图在其中触发一个事件。所以我有类似的东西

  <div ng-repeat="item in items">
     <div ng-repeat="prop in item.props"> {{prop.name}}</div>
  </div>

所以我希望发生的是在渲染最后一个项目中的最后一个 Prop 后触发一个事件。

所以我的第一个想法是将逻辑放入带有restrict =“C”的指令中并执行类似的操作

 ng-class=“{ fix-directive : prop.$parent.$last && prop.$last}”

其中修复指令是具有我想要触发的逻辑的指令。这样的事情可能吗？或者也许有更好的方法？谢谢!

Answer 1

如果您想在渲染最后一个元素后触发指令，则必须向该指令添加一个条件；

    .directive('repeat-element',['$timeout','$http',function($timeout,$http) {
                        return {
                            restrict : 'A',
                            link : function(scope, element, attrs) {
                                if (scope.$last === true) {
                                    $timeout(function() {
                                        //timeout so that it is called when everything gets rendered
                                        doStuff(scope.items);
                                    });
                                }
                                //rest of the code

....................

我就是这么做的，所以你可以添加更多条件，例如 parent.$last 也是 true。

这应该可以完成你的工作