Ember if 组件属性的助手

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 个 class 个名称。

Ember if helper for component attribute