How do I specify a mix of an expression and a string as a class for an ember component?

Question

I want to do something like this

{{#my-custom-component class="some-class-name {{dynamicProperty}}" }}

But this is literally rendering some-class-name {{dynamicProperty}} as the classname, rather than the value it represents.

Answer 1

Use the concat helper:

{{#my-custom-component class=(concat 'some-class-name' dynamicProperty) }}