title: Two directives use true scope , one is parent of the other , why?
body: <p>This is Plunk<a href="http://plnkr.co/edit/MlsOkwcrrHc2fnvZrWPI?p=preview" rel="nofollow noreferrer">http://plnkr.co/edit/MlsOkwcrrHc2fnvZrWPI?p=preview</a>.
  (please ignore test and amp directives, they are useless)</p>
  <h1><em>CLOSED</em></h1>
  <p>Reason for closing this question:<br>
  I add more log and add variable to child scope and find that first and second <strong>share same child scope</strong>. So this is my fault to come out this pointless question. <br>
  <strong>But</strong> there is one thing I found: If I use <code>scope.$emit()</code> at a directive(second at this plunk), the other directive which use same scope(first at this plunk) will receive the event while parent will receive as expected. And If use <code>scope.$parent.$emit()</code>, only parent will receive.</p>
  <h1>HTML</h1>
  <p><code>&lt;div first second&gt;&lt;/div&gt;</code></p>
  <p>I emit <code>second-directive</code> event from second directive:</p>
  <pre>
  
      link: function(scope,ele,attrs) {
        console.log('second directive --------------\n');
        console.log(scope);  // log scope of second directive here
        scope.$emit('second-directive', 'from second');
      }
  
  </pre>
  <p>And catch event from first directive and main controller:</p>
  <h1>main</h1>
  <pre>
  
      $scope.$on('second-directive',function(event,args){
          console.log('get event at main -------------\n');
          console.log(event);
          console.log(args);
        });
  
  </pre>
  <h1>directive first</h1>
  <pre>
  
      $scope.$on('second-directive',function(event,args){
          console.log('get event at first directive -------------\n');
          console.log(event);
          console.log(args);
        });
  
  </pre>
  <p>You can see log message at console, and find this:</p>
  <p>scope of second directive have parent(first directive) and grandparent(main). Family tree like this:</p>
  <pre>
  main
  |- first
      |-second
  </pre>
  <p>but I make first directive and second directive use <code>scope: true</code> both, so they should create new child scope of main. The family tree should be like this:</p>
  <pre>
  main
  |- first
  |- second
  </pre>
  <p>Do I misunderstand &quot; <code>scope:true</code> is used to create child-scope &quot; ?
  Someone can explain this and help here? Thanks :)</p>