"if" Lenker in einem Komponentenlenker in Ember.js

Question

In Ember weiß ich, dass ich Klassen mit if-Anweisungen mit dem Lenker {{if}} einschließen kann. Wie kann ich dies jedoch in einem Komponentenlenker tun?

Zum Beispiel, wie kann ich so etwas tun:

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

Answer 1

Da die geschweiften Klammern können dort nicht verschachtelt werden ist eine Syntax verschachtelte Helfer aufgerufen, dies zu tun, und es funktioniert für die meisten die Helfer wie if, unless, concat und Familie:

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

Sie haben concat hier zu verwenden, da Sie zusammen einen statischen und einen dynamischen Teil der Umsetzung sind String zusammen.

Answer 2

Sie verwenden können,

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