AngularJS 指令在元素完全加载之前运行

我有一个附加到动态生成的指令<table>模板内的元素。该指令在 a 中操作该表的 DOMlink功能。问题是该指令在渲染表之前运行（通过评估ng-repeat指令） - 那么表是空的。

Question

如何确保该指令在表格完全呈现后运行？

<table directive-name>
    <tr ng-repeat="...">
        <td ng-repeat="..."></td>
    </tr>
</table>


module.directive("directiveName", function() {
    return {
        scope: "A",
        link: function(scope, element, attributes) {
            /* I need to be sure that the table is already fully
               rendered when this code runs */
        }
    };
});

从一般意义上来说，你不能仅仅通过一个指令来“完全确定”<table>元素。

但在某些情况下你可以确定。在你的情况下，如果内部内容是ng-repeat-ed，那么如果项目数组ngRepeatWorks 准备好了，那么实际的 DOM 元素将在摘要周期结束时准备好。您可以在之后捕获它$timeout0延迟：

link: function(scope, element){
  $timeout(function(){
    console.log(element.find("tr").length); // will be > 0
  })
}

但是，一般来说，您无法确定是否捕获了内容。如果ngRepeated 数组还没有吗？或者如果有一个怎么办ng-include反而？

<table directive-name ng-include="'templates/tr.html'">
</table>

或者，如果有一个自定义指令的工作方式与ngRepeat does?

但是，如果您完全控制内容，一种可能的了解方法是包含一些辅助指令作为最里面/最后一个元素，并让它联系其父元素directiveName当它链接时：

<table directive-name>
    <tr ng-repeat="...">
        <td ng-repeat="...">
          <directive-name-helper ng-if="$last">
        </td>
    </tr>
</table>

.directive("directiveNameHelper", function(){
  return {
    require: "?^directiveName",
    link: function(scope, element, attrs, ctrl){
      if (!ctrl) return;

      ctrl.notifyDone();
    }
  }
})