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

Question

我正在尝试绑定(bind)这样的输入元素:

{{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 帮助器上定义属性时，您可以省略引号以指示您希望属性的值成为绑定(bind)变量，也可以添加后缀“Binding” "，然后使用带有类似于 {{bind-attr}} 使用的表达式的引号。

因此，对于您的情况，以下操作应该有效:

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

请注意我们如何使用 classBinding="myBoundValue" 来代替 class=myBoundValues。