自定义指令的$ watch不会监听元素的变化

Question

我正在尝试模拟水平滚动条。以下是可滚动div

的HTML代码段

<div class="row" scrollable-area>
  <div id="display" class="col-md-6 no-overflow" type="text" onfocus="this.blur()">{{display}}</div>
  <div id="scrollbar" ng-show="isOverflow" class="">
    <div id="scroller" style="width:305px; right:0;"></div>
  </div>
</div>

当用户按下某些按钮时，

div#id的溢出被隐藏，其文本会发生变化，这由控制器控制，因为您可以看到插值{{display}}。

我试图在文本溢出时显示div#scrollbar，并在溢出增加时缩小div#scroller的{​​{1}}。

当我在控制器内部使用函数将布尔值返回到width的{​​{1}}指令时，它工作正常。但由于在控制器内部不推荐div#scrollbar操作，我现在使用自定义指令。

虽然页面加载时会调用ng-show内的DOM，但它永远不会再次监听console.log()中的更改。

scope.$watch