错误类型错误_co.onclick不是函数 - Angular 2

use*_*863 8 angular

我得到ERROR TypeError:_co.onClick不是角度为2的函数错误.

<span
    class="glyphicon"
    [class.glyphicon-star]="isFavorite"
    [class.glyphicon-star-empty]="!isFavorite"
    (click)="onClick()">
</span>
Run Code Online (Sandbox Code Playgroud)

当用户点击它应该是彩色或空的星.然后我的组件ts文件在这里

@Component({
  selector: 'favorite',
  templateUrl: './favorite.component.html',
  styleUrls: ['./favorite.component.css']
})
Run Code Online (Sandbox Code Playgroud)

gyc*_*gyc 5

您需要在组件中声明onClick函数。

    @Component({
      selector: 'favorite',
      templateUrl: './favorite.component.html',
      styleUrls: ['./favorite.component.css']
    })

    export class FavoriteComponent {

      constructor() { }

      onClick() {
        console.log("star clicked");
      }
   }
Run Code Online (Sandbox Code Playgroud)