title: EventEmitter and recursion
body: <p>When i have an template with selector <code>'recursive-element'</code>and its template looks like this</p>
  
  <pre><code>&lt;li *ngFor="let x of y" (click)="greet($event)"&gt;
     &lt;div *ngIf="x.children"&gt;
        &lt;recursive-element [y]="x.children"&gt;&lt;/recursive-element&gt;
      &lt;/div&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>and in classs i have defined</p>
  
  <pre><code>greetEvent = new EventEmitter();
  greet(e){
    greetEvent.emit("hello world!");
    e.stopPropagation();
  }
  </code></pre>
  
  <p>and in another component i added it to tempalte e.g</p>
  
  
    
  
  
  <pre><code>hi(x){
    alert(x)
  }
  </code></pre>
  
  <p>when i click on the nested <code>recurive-element</code> the event does not trigger but when i click on first li element it does</p>
  
  <p>Is it because of recursion so even is only bound to first recursive element not the nested one or is there something i missunderstood?</p>