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

Question

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

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

只要我试着只给它分配一个类名".with-error"，它就可以正常工作。我如何分配两个类名，所以它将是：".有错误。二等"？我知道如何使用

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

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