“如果”车把在Ember.js的组件车把内

Question

在Ember中，我知道我可以使用{{if}}把手包含带有if语句的类。但是，我怎样才能在组件车把内做到这一点？

例如，我该怎么做：

{{myComponent class="my-class {{if isThisTrue 'true-class' 'false-class'}}" }}

Answer 1

由于花括号不能嵌套，因此有一种称为嵌套助手的语法，它适用于大多数助手，如if，unless，{{1}和家人：

concat

你必须在这里使用{{myComponent class=(concat "my-class " (if isThisTrue 'true-class' 'false-class'))}} ，因为你将字符串的静态和动态部分组合在一起。

Answer 2

你可以使用，

{{my-component class="my-class" classNameBindings="isThisTrue:true-class:false-class"}}