【问题标题】: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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-11-24
      • 2020-02-10
      • 2021-05-19
      相关资源
      最近更新 更多