title: Injecting service into component not working
body: <p>I am newbie to angular2, and i am working on a simple application where i want to call a <strong>Service Method</strong> <code>GetAuthors()</code> in a component, but somehow my service <strong>Method</strong> <code>GetAuthors()</code> is not calling. I have also use <code>@Injectable()</code> in my service. Everything works fine in component and shows up the result in browser but not the <code>service</code> part, i don't know what's the issue and What i am missing, Help me out. </p>
  
  <p>Here is my code</p>
  
  <p><strong>app.component.ts</strong></p>
  
  <pre><code>import { Component } from '@angular/core';
  import {AuthorComponent} from './author.component';
  
  @Component({
   selector: 'my-app',
   template: '&lt;h1&gt;Hello Angular!&lt;/h1&gt;&lt;authors&gt;&lt;/authors&gt;',
   directives:[AuthorComponent]
  })
  export class AppComponent { }
  </code></pre>
  
  <p><strong>author.component.ts</strong></p>
  
  <pre><code>import {Component} from '@angular/core'
  import {AuthorService} from './author.service'
  
  @Component({
   selector:"authors",
   template:`
   &lt;h2&gt;Author&lt;/h2&gt;
   &lt;p&gt;{{ title }}&lt;/p&gt;
   &lt;ul&gt;
     &lt;li *ngFor="#author of authors"&gt;{{ author }}&lt;/li&gt;
   &lt;/ul&gt;
   `,
   })
  
  export class AuthorComponent {
    title = 'This is title for Author Component';
    authors;
    constructor(authorServie : AuthorService){
      this.authors = authorServie.GetAuthors();
    }
  }
  </code></pre>
  
  <p>Here is my service
  <strong>author.service.ts</strong></p>
  
  <pre><code>@Injectable()
  export class AuthorService {
    GetAuthors() : string[] {
     return ["Author 1", "Author 2", "Author 3"];
    }    
  }
  </code></pre>