“如果”車把在Ember.js的組件車把內

Question

在Ember中，我知道我可以使用{{if}}把手包含帶有if語句的類。 但是，我怎樣才能在組件車把內做到這一點？

例如，我該怎么做這樣的事情：

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

Answer 1

由於花括號不能嵌套，因此有一種稱為嵌套助手的語法，它適用於大多數助手，如if ， unless ， concat和family：

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

你必須在這里使用concat ，因為你將字符串的靜態和動態部分組合在一起。

Answer 2

您可以使用，

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