Ember.js 中组件把手内的“if”把手

【问题标题】："if" handlebar inside a component handlebar in Ember.jsEmber.js 中组件把手内的“if”把手
【发布时间】：2016-07-29 00:21:33
【问题描述】：

在 Ember 中，我知道我可以使用 {{if}} 把手包含带有 if 语句的类。但是，如何在组件车把中执行此操作？

例如，我该如何做这样的事情：

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

【问题讨论】：

【解决方案1】：

你可以使用，

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

【讨论】：

【解决方案2】：

由于花括号不能嵌套，因此有一种称为嵌套助手的语法可以这样做，它适用于大多数助手，如 if、unless、concat 和家庭：

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

您必须在此处使用concat，因为您将字符串的静态和动态部分放在一起。

【讨论】：