Question

When my application first starts up and the application view loads, I attempt to bind to boolean attributes in order to conditionally set a CSS class. The boolean attributes are initialized properly but the class does not get set. The binding seems to work fine after the startup. Here is a JSFiddle that demonstrates the issue. Any ideas why this fails the first-time it runs?

Answer 1

I received an answer from the ember.js team on GitHub.

Here’s the response from Kristofor Selden…

Your template outputs 2 class attributes, and when jQuery brings it into DOM it removes the > latter, it does not merge them. After that the binding updates the attribute in DOM.
If you want a static class and a bound class you need to put the static class in the
bindAttr helper with
{{bindAttr class=”:something isB:redbg:greenbg”}}

http://jsfiddle.net/krisselden/uWJWh/9/