如何处理Ember中单击对象的CSS属性？

Question

请告诉我，如何通过ID处理onclick动作。例如，我在hbs模板中有一些内容：

<button id="myButton" {{action "myAction"}} >OK</button>

具有CSS：

button {color: "red";}

如何通过onclick动作来做两件事：

1. Set property to clicked object (only to clicked), eg to set CSS colour “green”,
2. Get some property of clicked (eg CSS colour), and console log or alert.

谢谢！

Answer 1

您可以像这样将操作连接到按钮的“ onclick”事件

<button id="myButton" onclick={{action "myAction"}} >OK</button>

然后该操作的第一个参数将是click事件，您可以从中获取目标DOM元素。

看看这个例子： https://ember-twiddle.com/1d14560e0e979dbbdddbfee57c84601c?openFiles=templates.application.hbs%2C