我有一个auto-carousel指令，它可以遍历链接元素的子元素。
然而，这些子元素尚未在DOM中加载，因为它们的ng-if表达式尚未被解析。
我该如何确保父指令知道其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，但那并没有回答问题也不是我所需要的。
所以这就是我最终做的事情：
我发现你可以将一个函数传递给$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列表包含元素、文本节点和注释，这非常宝贵，因为Angular使用注释占位符来表示指令，如ng-repeat、ng-if、ng-switch和ng-include，这些指令执行插入并改变DOM，而children只包含元素。
input元素时每次运行一个函数。所以， $scope.$watch(function () { return $(".parent input").length; }, ...。这个方法非常有效，但我对性能有些担忧... - Elise$digest循环中至少调用一个jQuery查找（在这种情况下，还是一个非常糟糕的查找）。性能方面这相当不好。你可以缓存节点，然后使用jQuery的“find（）”来改进它。 - pilaucontenteditable 来说是一个聪明的方法！ - pilau如果您需要监视元素DOM中更深层次的任何更改，则MutationObserver是可行的方法：
.directive('myDirective', function() {
return {
...
link: function(scope, element, attrs) {
var observer = new MutationObserver(function(mutations) {
// your code here ...
});
observer.observe(element[0], {
childList: true,
subtree: true
});
}
};
});
<ul class="unstyled" auto-carousel>
<li class="slide" ng-if="name" dom-on-create="nameCreated()">{{name}}</li>
<li class="slide" ng-if="email" dom-on-destroy="emailDestroyed()">{{email}}</li>
</ul>
目前仅支持dom-on-create和dom-on-destroy，但它比已接受的答案具有更好的性能，因为它只会针对每个dom事件触发一次，而不是反复检查$watch回调函数。
虽然我认为这并不符合Angular的建议，但你可以使用ng-init来触发元素的初始化：
<ul class="unstyled" auto-carousel>
<li class="slide" ng-if="name" ng-init="recheck()">{{name}}</li>
<li class="slide" ng-if="email" ng-init="recheck()">{{email}}</li>
</ul>
angular.module('myApp').directive('autoCarousel', ['$compile', function ($compile) {
return {
templateUrl: 'views/auto-carousel.html',
restrict: 'A',
replace: true,
link: function (scope, element, attr) {
$compile(element.contents())(scope);
// your code goes here
}
}
}]);
$scope.$apply()。 - pilaung-if的$watch处理程序中添加了一个console.log，很明显它是在父链接器之后执行的。有没有办法在子元素更改后调用父链接器？比如，监视 DOM 更改？（监视模型更改是个问题，因为这个指令是通用的，到处都在使用） - pilau