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

Question

我正在尝试绑定一个像这样的输入元素:

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

它工作得很好,只要我尝试只为它分配1个类名".with-error".如何分配2个类名,所以它将是:".with-error .second-class"？我知道怎么做:

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

但这不适用于输入助手.

谢谢!

Answer 1

此功能没有很好地记录,但是当在Handlebars帮助器上定义属性时,您可以省略引号以指示您希望属性的值是绑定变量,或者您可以添加后缀"Binding"然后使用类似于您将使用的表达式的引号{{bind-attr}}.

因此,在您的情况下,以下应该工作:

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

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