父指令属性更改时子指令不会更新

这是对这两个问题的后续：

1. 在父指令和子指令之间传递参数 https://stackoverflow.com/questions/42814530/pass-argument-between-parent-and-child-directives
2. 传递给子指令时父指令控制器未定义 https://stackoverflow.com/questions/42986855/parent-directive-controller-undefined-when-passing-to-child-directive

我有这部分工作；但是，当父指令的 ng-disabled 值更改时，子指令值不会更新。

请看薄笨蛋的例子 https://plnkr.co/edit/QCgOrdn28mRoyfFTiOWN?p=preview.

HTML:

<div ng-app="myApp">
  <div ng-controller="MyController">
    {{menuStatus}}
    <tmp-menu ng-disabled="menuStatus">
      <tmp-menu-link></tmp-menu-link>
      <tmp-menu-link></tmp-menu-link>
    </tmp-menu>
    <button ng-click="updateStatus()">Update</button>
  </div>
</div>

JavaScript（AngularJS）：

angular.module('myApp', [])
.controller('MyDirectiveController', MyDirectiveController)
.controller('MyController', function($scope){
  $scope.menuStatus = false;
  $scope.updateStatus = function(){
    $scope.menuStatus = $scope.menuStatus?false:true;
  }
})
.directive('tmpMenu', function() {
  return {
    restrict: 'AE',
    replace:true,
    transclude:true,
    scope:{
      disabled: '=?ngDisabled'
    },
    controller: 'MyDirectiveController',
    template: '<div>myDirective Disabled: {{ disabled }}<ng-transclude></ng-transclude></div>',
    link: function(scope, element, attrs) {


    }
  };
})
.directive('tmpMenuLink', function() {
  return {
    restrict: 'AE',
    replace:true,
    transclude:true,
    scope:{
    },
    require:'^^tmpMenu',
    template: '<div>childDirective disabled: {{ disabled }}</div>',
    link: function(scope, element, attrs, MyDirectiveCtrl) {
      console.log(MyDirectiveCtrl);

      scope.disabled = MyDirectiveCtrl.isDisabled();

    }
  };
})

function MyDirectiveController($scope) {
  this.isDisabled = function() {
    return $scope.disabled;
  };
}

如何在不添加角度观察器的情况下检测父指令的更改并将其传递给子指令。

解决方案1

我在这里设置了一个工作 plnkr：https://plnkr.co/edit/fsxMJPAc05imhBqefaRk?p=preview https://plnkr.co/edit/fsxMJPAc05imhBqefaRk?p=preview

这种行为的原因是tmpMenuLink保留返回值的副本MyDirectiveCtrl.isDisabled()。没有设置观察程序，因此解决此问题的唯一方法是手动监视任何更改，然后更新字段。

scope.$watch(function(){
  return MyDirectiveCtrl.isDisabled();
}, function(){
   scope.disabled = MyDirectiveCtrl.isDisabled();
})

解决方案2

没有观察者的另一种选择是传递对象的引用而不是原始类型，例如：

$scope.menuStatus = {status: false};

新的 plnkr 在这里：https://plnkr.co/edit/RGEK6TUuE7gkPDS6ygZe?p=preview https://plnkr.co/edit/RGEK6TUuE7gkPDS6ygZe?p=preview