javascript - 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类名。