（单击）事件在HTML模板中不起作用

Question

(click)事件在我的组件中无效。

HTML：

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

以下是我的组件类中的方法。

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

Answer 1

onClick应该是一个函数

试试这个

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

这是工作示例

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

Answer 2

试试这个

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

或

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

working example