title: Angular 2 gives "TypeError: emitter.subscribe is not a function"
body: <p>I have creating a little app using angular 2 and i create 2 component call app.component.ts and sidkik.component.ts in my app I have try to import sidkik.component.ts in to app.component.ts and use sidkik's sidkik tag in app.component and it's give below error in console. please help me with this problem.</p>
  
  <p><b>erorr</b></p>
  
  <pre><code>angular2.dev.js:23524 EXCEPTION: TypeError: emitter.subscribe is not a function in [heroes in AppComponent@3:6]
  </code></pre>
  
  <p><b>app.component.js</b></p>
  
  <pre><code>import {Component} from 'angular2/core';
  import {SideKikComponent} from './classes/sidekik.component';
  
  interface Hero {
   id: number;
   name: string;
   sidekik:string;
  }
  
  @Component({
    selector: 'my-app',
    templateUrl:'app/views/heros.html',
    directives: [SideKikComponent],
    styleUrls: ['app/css/site.css']
  })
  
  export class AppComponent { 
    public title = 'Tour of Heroes';
    public heroes =HEROS;
    public selectedHero: Hero;
  
    onSelect(hero: Hero) { 
      this.selectedHero = hero; 
    }
  }
  
  var HEROS: Hero[] =[
      {"id":1,"name":"SuperMan","sidekik":"one"},
      {"id":2,"name":"Captain America","sidekik":"two"},
      {"id":3,"name":"Thor","sidekik":"three"},
      {"id":4,"name":"Iorn Man","sidekik":"four"},
      {"id":5,"name":"Ant Man","sidekik":"five"}
  ];
  </code></pre>
  
  <p>and
  <b>sidkik.component.ts</b></p>
  
  <pre><code>import {Component} from 'angular2/core';
  
  @Component({
    selector:'sidekik',
    events:['hit'],
    properties:['define'],
    template: `
      &lt;sidekik (click) = "hit(define)"&gt;&lt;/sidekik&gt;
    `,
  
   })
  
   export class SideKikComponent{
      hit(define:string){
      console.log(define);
    }
  }
  </code></pre>