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"); 
        });
      }
  };
});

＆＃34; console.log（＆＃34;道具改变＆＃34;）;＆＃34;应该在每次控制器$ scope.prop属性更改时调用，但事实并非如此。谁知道我做错了什么？

Answer 1

你需要这个指令：

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

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

从angular指令观察控制器范围

1 个答案: