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

Question

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

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

它有 CSS:

button {color: "red";}

如何通过点击动作做两件事：

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>

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

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

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

How to handle a CSS property of clicked object in Ember?

ember.js

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

How to handle a CSS property of clicked object in Ember?

ember.js

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