如果组件属性为helper，则为Ember

Question

我要执行以下操作

{{my-field-component cssClass="(if someCondition 'class1' 'class2')"}}

以上出于某些原因无法正常工作。 正确的方法是什么？

P.S：我想对自定义组件属性而不是DOM元素执行此操作？

Answer 1

正确的方法是省略引号：

{{my-field-component cssClass=(if someCondition 'class1' 'class2')}}

如果您需要向该属性添加一些静态字符串，则可以使用concat帮助器：

{{my-field-component 
  cssClass=(concat 
    'static classes ' 
    (if someCondition 'class1' 'class2') 
    ' some other static classes'
  )
}}

在组件中，您还有classNameBindings作为类名。