Angular JS scope.watch无法正常工作

Question

我有以下设置来观察元素并在其发生变化时执行某些操作。这个鳕鱼在一个自定义指令中 - 小提琴就在这里：https://jsfiddle.net/mbaranski/akcz3569/以及完整的例子：

  scope.$watch(
    function() {
      return $("#orgChartData").html();
    },
    function(oldval, newval) {
      console.log("Changed!");
    });

  setTimeout(function() {
    $("#orgChartData").append("<li>TEST</li>");
    console.log("TIMEOUT");
  }, 2000);
  setTimeout(function() {
    $("#orgChartData").append("<li>TEST</li>");
    console.log("TIMEOUT");
  }, 4000);
  setTimeout(function() {
    $("#orgChartData").append("<li>TEST</li>");
    console.log("TIMEOUT");
  }, 6000);

我的控制台说：

  

    

更改！

         

TIMEOUT

         

TIMEOUT

         

TIMEOUT

  

为什么这不起作用？