ember.js - 如何为 Ember.js 输入助手设置两个类名

Question

我正在尝试绑定这样的输入元素：

{{input value=email type="text" placeholder="Enter email" class=emailError:with-error}}

它工作得很好，只要我尝试只分配一个类名“.with-error”。如何分配 2 个类名，所以它将是：“.with-error .second-class”？我知道如何做到这一点：

{{bind-attr class=":secondClass emailError:with-error"}}

但这不适用于输入助手。

谢谢！

score 18 · Accepted Answer

这个特性没有很好的文档记录，但是在 Handlebars 助手上定义属性时，您可以省略引号以表明您希望属性的值是绑定变量，或者您可以添加后缀“Binding”，然后使用与您将使用的表达式类似的表达式使用引号{{bind-attr}}。

因此，在您的情况下，以下内容应该有效：

{{input value=email type="text" placeholder="Enter email" classBinding="emailError:with-error :myClassName"}}

请注意class=myBoundValues我们如何使用classBinding="myBoundValue".

1 回答 1