单击按钮时如何调用函数？答案

【问题标题】：How can I call a function when clicked on a button?单击按钮时如何调用函数？
【发布时间】：2021-09-16 11:18:34
【问题描述】：

基本上我刚刚开始 MEAN 堆栈

我想在按钮点击时调用一个函数这就是我想要做的：

这是我的 html 文件

<button (click = func())>Click here!</button>

这是我的.ts 文件

func(){
console.log("called a function on a button click")
}

您的帮助对我意义重大！

【问题讨论】：

【解决方案1】：

绑定click 事件时，您的 html 中存在问题。

试试下面的代码：

<button (click)="func()">Click here!</button>

【讨论】：

应该是 "() => func()" 吗？
没有。这不是箭头函数。这是一个在 ts 文件中定义的函数，我们直接用 (click) 绑定它，即使按照 Angular 语法。
在 angular2+ 中它只是“func()”。我已经有一段时间没有使用 AngularJS，但是当我使用它时，我认为它是 ng-click="expression"。
是的，在 Angular 1.x 中，它是 ng-click，但我们也只传递这样的函数。

【解决方案2】：

<button (click)="func()">Click here!</button>


func(){
console.log("called a function on a button click")
}

这应该适合你

【讨论】：

【解决方案3】：

你的 html 应该是这样的：

<button (click)="func()">Click here!</button>

在你的 .ts 类中：

func(){
console.log("called a function on a button click")
}

【讨论】：