0

这是实现对附加在父指令范围内的对象的只读绑定的方法吗？

如果父级更改它的“$scope.thing”，我真的需要子指令接收更改通知。

基本上，我现在正在投票。我想要一个回调方法。

angular.module('plunker', [])
.directive('myParent', function($compile) {
  return {
    controller: function($scope, $log) {
      $scope.thing = { awesome: 'sucky' };
      var count = 0;
      setInterval(function() { $scope.thing = { awesome: 'cool'+count++ }}, 2000); 
    },
    template: '<div><div my-child entity="thing"></div></div>'
  };
})
.directive('myChild', function($parse, $log) {
  return {
    controller: function($scope) {
    },
    link: function(scope, element, attrs) {
      var expression = attrs['entity'];
      scope.onetime = $parse(expression)(scope);
      $log.log('onetime');
      $log.log(scope.onetime);

      setInterval(function () {
          if (expression) {
              scope.intervaled = $parse(expression)(scope);
              scope.$apply();
              $log.log('interval');
              $log.log(scope.intervaled);
          }
      }, 2000);
    }, 
    template: '<span>{{onetime}}</span>-<span>{{intervaled}}</span>'
  };
})

和强制性的plnkr：

http://plnkr.co/edit/2jfa1dcwguO400zRjJxU?p=preview

4

1 回答 1

3

而不是池化，只需利用 AngularJS 的 $digest 循环并观察属性的变化：

  var entityValue = $parse(attrs.entity);

  scope.$watch(entityValue, function(newValue, oldValue){
     scope.intervaled = newValue;
  });

$scope.$apply应该总是在你知道你在 AngularJS 世界之外的那一端调用 - 在这种情况下是在发送端：

    setInterval(function() { 
      $scope.$apply(function(){
        $scope.thing = { awesome: 'cool'+count++ }  
      })
    }, 2000)

最后是工作 plunk：http ://plnkr.co/edit/LBwl5IeA3rXrHfTLEFMZ?p=preview

请注意，具有不隔离范围的模板的指令是在玩火，因为您的指令可能很容易覆盖应用程序其他部分所需的数据（intervaled在您的情况下）。

于 2013-10-28T14:23:51.030 回答