如何在“控制器作为”控制器内的指令中正确使用$watch？

angular.module('myApp', [])
  .controller('MyController', function($scope) {
    $scope.data = {
      value: 0
    };
    
    // 在控制器中定义一个函数，用于更新数据
    $scope.updateValue = function(newValue) {
      $scope.data.value = newValue;
    };
  })
  .directive('myDirective', function() {
    return {
      restrict: 'E',
      scope: {
        value: '='
      },
      link: function(scope) {
        // 使用$watch来监视value变量的变化
        var watcher = scope.$watch('value', function(newValue) {
          // 当value变量发生变化时，执行回调函数
          console.log('Value changed:', newValue);
        });
        
        // 在指令销毁时取消$watch的观察
        scope.$on('$destroy', function() {
          watcher(); // 取消$watch的观察
        });
      }
    };
  });