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

Question

我需要对<span>元素上的类名进行微观管理，该元素对其有一个动作。它看起来像这样：

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

但是，因为你无法组合静态和动态bindAttr属性，或者具有正常指定的相同属性和bindAttr;我需要自己使用jQuery添加和删除类....

我只需要能够获取被点击元素的DOM节点......

这是我的行为sortChars函数inisde我的ArrayController

sortChars: function(){
  target = this.get('target');
}

目标不起作用......我得到了一堆余烬

谢谢！

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"}}>