AngularJS观看DOM更改

Question

我有一个auto-carousel指令可以遍历链接元素的 children 。

但是，尚未将子级加载到DOM中，因为ng-if尚未解析其s表达式。

如何确定父指令知道它的DOM树已更改？

        <ul class="unstyled" auto-carousel>
          <li class="slide" ng-if="name">{{name}}</li>
          ...
          <li class="slide" ng-if="email">{{email}}</li>
        </ul>

我可以使用，$timeout但是感觉不可靠。我也可以用ng-show代替，ng-if但这不能回答问题，也不是我所需要的。

Answer 1

所以这就是我最终要做的事情：

我发现您可以将函数传递给$scope.$watch。从那里，很容易返回想要监视更改的表达式的值。它的工作原理就像在范围上传递属性的键字符串一样。

link: function ($scope, $el, $attrs) {
  $scope.$watch(
    function () { return $el[0].childNodes.length; },
    function (newValue, oldValue) {
      if (newValue !== oldValue) {
        // code goes here
      }
    }
  );
}

我正在观看childNodes，不是children，因为该childNodes列表包含元素 以及
文本节点和注释。这是无价的，因为指令角使用注释占位符喜欢ng-repeat，ng-if，ng-switch和ng- include其执行transclusion并改变DOM，而children仅持有元素。