如何通过单击动作获取元素的DOM节点

Question

我需要微调管理对其有操作的<span>元素上的类名称。它看起来像这样：

<span {{action 'sortChars'}} {{bindAttr class="active:active direction:up"}} class="carrot"></span> 

但既然你不能结合静态和动态bindAttr属性，或具有相同的属性通常指定与bindAttr;我需要添加和删除类自己使用jQuery ....

所有我需要的是能够获得点击的元素的DOM节点...

这是我的行动sortChars功能inisde我ArrayController

​​

目标不工作...我收到了一堆灰烬的东西

谢谢！

Answer 1

您可以将静态和动态类名与{{bindAttr}}结合使用。 Ember Docs有一个很好的解释。

您的解决方案（1.0 RC7及以下）：

<span {{action 'sortChars'}} {{bindAttr class=":carrot active:active direction:up"}}></span> 

只有动态：

<img {{bind-attr class="view.someBool:class-name-if-true:class-name-if-false"}}> 

只有静：

<img {{bind-attr class=":class-name-to-always-apply"}}> 

静态和动态：

<img {{bind-attr class=":class-name-to-always-apply view.someBool:class-name-if-true view.someProperty"}}>