【问题标题】:how to set two class name for Ember.js input helper如何为 Ember.js 输入助手设置两个类名
【发布时间】:2014-06-06 08:21:48
【问题描述】:
我正在尝试像这样绑定输入元素:
{{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"}}
但这不适用于输入助手。
谢谢!
【问题讨论】:
标签:
ember.js
handlebars.js
ember.js-view
【解决方案1】:
这个特性没有很好的文档记录,但是当在 Handlebars 助手上定义属性时,你可以省略引号来表示你希望属性的值是一个绑定变量,或者你可以添加后缀“Binding ",然后使用与 {{bind-attr}} 类似的表达式使用引号。
所以,在你的情况下,以下应该有效:
{{input value=email type="text" placeholder="Enter email" classBinding="emailError:with-error :myClassName"}}
请注意我们如何使用classBinding="myBoundValue" 而不是class=myBoundValues。