I have the following code in an emblem.js template:
each line_items itemController=lineItem
.line_item.row-fluid.popover_link id="line_item_#{unbound id}" click="lineItemSelected" class={selected ordered}
.span8
= product.name
if notSingleItem
span.quantity   X #{quantity}
A model:
App.LineItem = DS.Model.extend
quantity: DS.attr 'number'
#this is duplicated for a reason
product_price: DS.attr 'number'
order: DS.belongsTo 'Cluey.Order'
product: DS.belongsTo 'Cluey.Product'
total: Ember.computed ->
@get('quantity') * @get('product_price')
.property('quantity', 'product_price')
notSingleItem: Ember.computed ->
@get('quantity') != 1
.property('quantity')
div_id: Ember.computed ->
"line_item_" + @get('id')
.property()
ordered: DS.attr 'boolean', { defaultValue: false }
should_print: DS.attr 'boolean', { defaultValue: true }
Now, the class attributes are bound to the attributes on the LineItem model which has an attribute "ordered" which I have set to true for a test, but it just does not seem to display the class of ordered, even when this attribute is set to true.