title: Angular 2 - Component stops rendering after first directive was rendered
body: <p>I have built a small application to play some sounds. I want to use a few directives together in my root-components' template.</p>
  
  <p>This is my app.component.ts file:</p>
  
  <pre><code>import {Component, OnInit} from 'angular2/core';
  import {Track} from './track'
  import {AudioControls} from './audio-controls.component';
  import {TrackDisplay} from './track-display.component';
  import {StreamingService} from './streaming.service'
  import {DataProvider} from './data-provider.service';
  
  @Component({
      selector: 'my-app',
      providers: [StreamingService, DataProvider],
      directives: [TrackDisplay, AudioControls],
      template:`
        &lt;span&gt;Teststring 1&lt;/span&gt;
        &lt;audio-controls&gt;
        &lt;span&gt;Teststring 2&lt;/span&gt;
        &lt;track-display&gt;
      `
  })
  
  
  
  export class AppComponent implements OnInit {
  
  }
  </code></pre>
  
  <p>I added providers and directives properly, and the directives are both working, if they are the only directive in this template.</p>
  
  <p>But the above code does not lead to a rendering of all tags within the template. It always stops rendering after the first directive was rendered. Even the not-directive tag <code>&lt;span&gt;</code> is not being rendered.</p>