Angular 角度：单击事件可以运行单个语句吗？

在Angular 4中，是否可以在单击事件中执行代码而不为其编写函数？ e、 g

按钮1

在阅读了一些内容之后，这可能不可能的原因是html元素（在本例中为button）属于typescript组件，而不是html模板，因此您不会有函数之外的代码。但是我不确定这是否接近正确的理解

编辑： 这个帖子,， ，用console.log回答了这个问题，但在其他一些情况下仍需要一些解释，例如

按钮1

公认的答案解释了这一点的局限性。

您的意思是：

<button (click)="showDetail=true; number=2; calculate()">Click me </button>

点击我

---

是的，这是可能的，方法和属性将被绑定

可以在单击事件中编写小表达式，但有限制。请参阅官方文件

例如，您可以在click事件处理程序的表达式中更新组件实例的属性，而无需将此简单表达式包装到组件实例内的函数中

我创建了一个简单的计数器组件来演示内联表达式。请参考这个

公司
十二月

---

希望这有帮助

这正是我想要完成的，您链接的文档完美地澄清了这一点。非常感谢。

<button (click)="showDetail=true; number=2; calculate()">Click me </button>

<button (click)="counter=counter+1">INC</button>
<button (click)="decrement()">DEC</button>