Angular JS 2 - クリックの評価中にエラーが発生する

Question

Angular JSのUdemyのチュートリアルに続き、この問題に直面しています。

マイapp.component.tsコード

import {Component} from 'angular2/core'; 
import {CoursesComponent} from './courses.component' 
import {AuthorComponent} from './author.component' 
import {FavouriteComponent} from './favourite.component' 
@Component({ 
selector: 'my-app', 
template: ` 
      <h1>Hello Kuttu</h1><courses></courses><authors></authors> 
      <fav></fav> 
      `, 
directives: [CoursesComponent,AuthorComponent,FavouriteComponent]  
}) 
export class AppComponent {  
} 

私のお気に入りの部品コード

import {Component} from 'angular2/core' 
@Component({ 
selector: 'fav', 
template: ` 
     <i 
      class="glyphicon" 
      [class.glyphicon-star-empty]="!isFavourite" 
      [class.glyphicon-star]="isFlag" 
      (click)="onBClick()" 
     > 
     </i> 
     ` 
}) 
export class FavouriteComponent(){ 
isFavourite = false; 
onBClick(){ 
    this.isFavourite = !this.isFavourite; 
} 
} 

スターがビューでレンダリングされると私はクリックしたときに、私は例外

EXCEPTION: Error during evaluation of "click" 
angular2.dev.js:23083 EXCEPTION: Error during evaluation of "click" 
BrowserDomAdapter.logError @ angular2.dev.js:23083 
BrowserDomAdapter.logGroup @ angular2.dev.js:23094 

を取得しています

Answer 1

は愚かなミスをしました

FavouriteComponent（）{

はクラス名にaを付けていましたが、私のエディタはコンパイルできるものではなかったので、私はこのエラーを逃しました。