如何通過單擊動作獲取元素的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"}}>