Adding conditional class to EmberJS handlebar element

Question

I'm trying to use a EmberJS handlebar texture element and conditionally add a css class to it. Code looks like this:

{{textarea class={{if isBlue 'blue-css' 'green-css'}} }}

This does not work. The inner handlebars expression is inserted literally into the html, but I can use an html textarea:

<textarea class={{if isBlue 'blue-css' 'green-css'}} ></textarea>

How can I do this using an EmberJS handlebars expression, if at all? Thanks

acid_srvnn · Accepted Answer · 2015-09-10 05:07:46Z

2

You can try,

{{textarea classNameBindings="isBlue:blue-css:green-css"}}

as explained here docs

answered Sep 10, 2015 at 5:07

acid_srvnn

7039 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Thank you. I'm still very new to EmberJS and just missed it.