如何在 ng-repeat 完成填充表格后触发 jQuery 函数？

ng-repeat 填充后触发事件

您想要在包含使用 ng-repeat 填充的表的 div 上执行 jQuery 函数，但 $(document).ready() 和 $scope.$on('$viewContentLoaded', myFunc) 都不会触发

自定义指令方法

指令提供了一种创建自定义功能的方法。由于 ng-repeat 循环的结束没有内置事件，因此您可以使用指令来完成此操作。

需要考虑两种情况：

1. 全表操作：如果您只需要为整个表设置样式或添加事件，则可以使用包含所有 ng-repeat 的指令
2. 特定于元素的操作：如果您需要定位单个元素，您可以在 ng-repeat 中使用指令，该指令将在每个元素创建后对其进行操作。

触发属性事件

此外，您可以在 ng-repeat 中使用以下属性：

• $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>

您可以定义指令来操作elements:

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');
  };
});

在此示例中，myRepeatDirective 将每个元素的颜色设置为蓝色并提醒“我是最后一个！”对于最后一个元素。 myMainDirective 在整个表格周围设置边框。

以上是如何在 ng-repeat 完成填充表格后触发 jQuery 函数？的详细内容。更多信息请关注PHP中文网其他相关文章！