未定义 Angular 9 onclick 函数

Question

仪表板.component.ts

myFunction(){
      console.log("test");
  }

仪表板.component.html

<img [src]="team.logo" onclick="myFunction()" alt="img">

每当单击图像时，控制台中都会出现错误，提示“参考错误：未定义 myFunction”。我也尝试过使用 ng-click 但没有运气。

Answer 1

您需要执行以下操作，

在您的dashboard.component.html 文件中，

<img [src]="team.logo" (click)="myFunction()">

Answer 2

您需要使用以(click)angular命名的事件

<img [src]="team.logo" (click)="myFunction()" alt="img">