Conditional class in HtmlBars

ember.js htmlbars
jax picture jax · Mar 9, 2015 · Viewed 15.1k times · Source

In regular handlebars I was able to do:

<div {{bind-attr class="model.isNew:new:old"}}>

How can I do this in Htmlbars? I tried this but it didn't work.

<div class="{{model.isNew:new:old}}">

Answer

GJK picture GJK · Mar 9, 2015

This was mentioned in the 1.10 release/1.11 beta blog post:

<div class="{{if model.isNew 'new' 'old'}}">

You can also still use the {{bind-attr}} helper, although I think it might be deprecated.

Related questions

Combine linkTo and action helpers in Ember.js

I need to combine linkTo and action helpers in Ember.js. My code is: {{#link-to 'index'}}<span {{action 'clear'}}>Clear</span>{{/link-to}} But I would like to make this something like this: {{#link-to 'index' {{action 'clear'}} }}…

Read More
SPA best practices for authentication and session management

When building SPA style applications using frameworks like Angular, Ember, React, etc. what do people believe to be some best practices for authentication and session management? I can think of a couple of ways of considering approaching the problem. Treat …

Read More
Token Authentication vs. Cookies

What is the difference between token authentication and authentication using cookies? I am trying to implement the Ember Auth Rails Demo but I do not understand the reasons behind using token authentication as described in the Ember Auth FAQ on …

Read More