AngularJS Example

HTML

<div ng-app="zippyModule">
  <div ng-controller="Ctrl3">
    <p ng-show="title">Blahblah</p>
    <hr>
        <div zippy></div>
  </div>
</div>

JavaScript

function Ctrl3($scope) {
  $scope.title = false;
}

angular.module('zippyModule', [])
  .directive('zippy', function(){
    return {
      link: function(scope, element, attrs) {
          scope.title = true; //works
          //scope.$parent.title = true; //doesn't work
      }
    }
  });