javascript - 我如何检测 ngShow DOM 更改是否已完成？

Question

我的网站有一个部分，当用户单击表格上的特定行时会显示该部分:

<div ng-show="showDetails">
   <details item=selectedItem></details>
</div>

该指令包含一个物化表单，必须用它来初始化它才能正确显示:

$('select').material_select();

我想做的是在 ngShow DOM 操作完成时调用一个函数，该函数将调用 $('select').material_select(); 来替换选择输入具有正确的具体化设置的字段。

知道如何观察 DOM 变化吗？

Answer 1

这是一种非常非常古怪的方式来做你想做的事。假设你有一个显示表单的 ngClick 函数，在其中设置了 showDetails 表单，你可以使用 $timeout 函数，该函数在 Angular 完成对 DOM 的脏检查后调用。 DOM 的脏检查只不过是在摘要周期结束时检查范围值。 Angular 在内部检查其先前值的所有范围值，并相应地更新模型。

$scope.clickHandler = function() {
  $scope.showDetails = true;
  $timeout(function(){
    // ng if has just concluded
  });
}