title: what does scope.$parent represent in the following directive, if scope is isolated?
body: <p>i am new to angular directives. i am little bit confused in the following directive :</p>
  
  <pre><code>app.directive('person', function() {
    return {
      restrict: 'EA',
      scope: {
        header: '='
      },
      transclude:true,
      link: function(scope, element, attrs, ctrl, transclude) {
        scope.person = {
          name: 'Directive Joe',
          profession: 'Scope guy'
        };
  
        scope.header = 'Directive\'s header';
        transclude(scope.$parent, function(clone, scope) {
          element.append(clone);
        });
      }
    };
  });
  </code></pre>
  
  <p>Html :</p>
  
  <pre><code>&lt;body ng-controller="MainCtrl"&gt;
    &lt;person header="header"&gt;
      &lt;h2&gt;{{header}}&lt;/h2&gt;
      &lt;p&gt;Hello, I am {{person.name}} and,&lt;/p&gt;
      &lt;p&gt;I am a {{person.profession}}&lt;/p&gt;
    &lt;/person&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>in this directive <code>scope</code> is used as isolated. then what does <code>scope.$parent</code> represent in <code>transclude</code> function .according to me if <code>scope</code> is isolated then <code>scope.$parent</code> represent <code>$rootScope</code>. is it ? please explain it in details. Thanks !</p>