Angular 9 onclick 功能未定义[重复]

Question

dashboard.component.ts

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

dashboard.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">

Answer 3

在 Angular 中，我们使用 (click) 函数而不是 onClick。