Angular JS 2 - Fehler bei der Auswertung von Klick

Question

Ich folge einem Tutorial in Udemy auf Angular JS und mit diesem Problem konfrontiert.

Mein app.component.ts Code

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 {  
} 

mein Lieblingskomponentencode

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; 
} 
} 

Der Stern in der Ansicht wiedergegeben wird, und wenn ich, ich auf die Ausnahme bin immer

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

machte einen dummen Fehler

FavouriteComponent() {

hatte eine() in der Klasse Name und da mein Editor ist nicht etwas, das Kompilierung tun kann, habe ich diesen Fehler verpasst.