从角度指令观看控制器范围

Question

我正在将数据从控制器传递到指令中。 控制器正在更改数据，但是当控制器中的数据更改时，我无法获得指令来响应。 这是指向JSFiddle的链接： http : //jsfiddle.net/mcardleliam/ReJQq/1/ 。

我的html看起来像这样：

<div ng-app="app" ng-controller="appCtrl">
  <h1 foo>Prop: {{prop}}</h1>
</div>

angular.module('app', [])
.controller('appCtrl', function($scope, $timeout) {
  $scope.prop = 0;
  var f = function() {
      $scope.prop = $scope.prop += 1;
      $timeout(f, 1000);
  }
  f();

})
.directive('foo', function() {
  return {
      restrict: 'A',
      link: function(scope) {
        console.log('initial prop', scope.prop);
        scope.$watch(scope.prop, function() {
           console.log("prop changed"); 
        });
      }
  };
});

“” console.log（“属性已更改”）;“ 控制器的$ scope.prop属性每次更改时都应调用它，但不是。 有人知道我在做什么错吗？

Answer 1

您需要在指令中使用此命令：

scope.$watch('prop', function() {
   console.log("prop changed"); 
});

将该属性称为'prop'而不是scope.prop 。