(click) event not working in HTML template

Question

The (click) event is not working in my component.

HTML:

<button (click)="onClick">Click</button>

Below is the method in my component class.

onClick(): void { console.log('Button Clicked'); }

Answer 1

onClick should be a function

Try this

<button (click)="onClick()">Click</button>

Here is the working example

https://stackblitz.com/edit/angular-oudvby?file=app/app.component.ts

Answer 2

try this

<button (click)="onClick()">Click</button>

or

<button on-click="onClick()">Click</button>

working example