ember.js - 如何通过单击操作获取元素的 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');
}

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

谢谢！

score 2 · Accepted Answer

您可以将静态和动态类名与{{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"}}>

1 回答 1