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

您可以定義指令來操作elements:

您可以定義指令來操作elements:您可以定義指令來操作elements:在此範例中，myRepeatDirective將每個元素的顏色設為藍色並提醒“我是最後一個！”對於最後一個元素。 myMainDirective 在整個表格周圍設置邊框。

以上是如何在 ng-repeat 完成填充表格後觸發 jQuery 函數？的詳細內容。更多資訊請關注PHP中文網其他相關文章！