title: Angular2 - inject singleton Service into Directive
body: <p>I have problem with injecting singleton service into a directive.
  I have service:</p>
  
  <pre><code>@Injectable()
  export class AuthService{ ... }
  </code></pre>
  
  <p>I put it into bootstrapper.</p>
  
  <pre><code>bootstrap(AppComponent, [AuthService, ...]);
  </code></pre>
  
  <p>I made directive, that protects my component:</p>
  
  <pre><code>@Directive({
    selector: '[protected]'
  })
  export class ProtectedDirective {
     constructor(private authService:AuthService) { ... }
  }
  </code></pre>
  
  <p>... and added to one of components</p>
  
  <pre><code>@Component({
    selector: 'dashboard',
    directives: [ProtectedDirective],
    template: '&lt;div protected&gt;&lt;/div',
  })
  export class DashboardCmp { }
  </code></pre>
  
  <p>In console i see an error:</p>
  
  <pre><code>ORIGINAL EXCEPTION: No provider for AuthService!
  </code></pre>
  
  <p>If I add a provider to DashboardCmp, everything works fine, but it's not a singleton service. I set its properties in other component and I don't see them when I'm in directive.</p>