Parent directive controller undefined when passing to child directive

Question

I asked general question here in this post. I\'ve got answer with working example; however when I try to use this example to modify existing code, I get error. See my code below

Answer 1

Because it's require not required.

angular.module('myApp', [])
  .controller('MyDirectiveController', MyDirectiveController)
  .directive('tmpMenu', function() {
    return {
      restrict: 'AE',
      replace: true,
      transclude: true,
      scope: {
        disabled: '=?ngDisabled'
      },
      controller: 'MyDirectiveController',
      template: '
myDirective Disabled: {{ disabled }}
',
      link: function(scope, element, attrs) {}
    };
  })
  .directive('tmpMenuLink', function() {
    return {
      restrict: 'AE',
      replace: true,
      transclude: true,
      require: '^^tmpMenu',
      template: '
childDirective disabled: {{ disabled }}
',
      link: function(scope, element, attrs, MyDirectiveController) {

        scope.disabled = MyDirectiveController.isDisabled();

      }
    };
  })

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