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.

Angular should be (click)="myFunction()", have you tried that? — Austin T French
– Austin T French, Commented May 21, 2020 at 14:36

thisdotutkarsh · Accepted Answer · 2020-05-21 14:37:17Z

12

You need to do the following,

In your dashboard.component.html file,

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

answered May 21, 2020 at 14:37

thisdotutkarsh

9806 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

Shubham Over a year ago

yes that gets the job done!

Sajeetharan Over a year ago

same answer posted below

thisdotutkarsh Over a year ago

@Sajeetharan, Both the answers got posted in or around the same time frame.

Austin T French Over a year ago

A minute difference, for exactly the same answer. (Hence upvotes vs downvotes)

Austin T French Over a year ago

The accepted answer is not a great answer... I'd read the comments on the OP, and current accepted answer and here and expand your answer (edit, add info)

|

Sajeetharan · Accepted Answer · 2020-05-21 14:36:49Z

6

You need to use event named (click) with angular

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

answered May 21, 2020 at 14:36

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

3 Comments

Shubham Over a year ago

yes that works, and why would ng-click not work in this situation?

Sajeetharan Over a year ago

ng-click is with angularjs (1.x)

Austin T French Over a year ago

ng-click is not an Angular binding. It was in AngularJs which is very different.

Rupam · Accepted Answer · 2020-05-21 14:47:24Z

1

In Angular , we use (click) function instead of onClick.

answered May 21, 2020 at 14:47

Rupam

871 gold badge1 silver badge9 bronze badges

Collectives™ on Stack Overflow

Angular 9 onclick function not defined [duplicate]

3 Answers 3

8 Comments

3 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

8 Comments

3 Comments

Comments

Linked

Related