如何为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"。