Angular 9 onclick function not defined [duplicate]

Question

dashboard.component.ts

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

dashboard.component.html

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

Whenever the image is clicked, error appears in console saying "Reference error: myFunction is not defined". I have tried using ng-click aswell but no luck.

Answer 1

You need to do the following,

In your dashboard.component.html file,

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