How to update emberjs arrays so #each hears the changes?

There are quite a few questions on how to get Each to update if you are inserting, or removing from an array that is a controller attribute. Simple, just use the MutableArrayMixin already builtin to Ember and do pushObject and removeObject.

However, if the array elements are objects, how does one update object attributes in a way so whatever htmlbar is in the #each knows it has to rerender itself?

For example, say I have some conditional CSS attribute that hides based on a filter within the #each.

I've tried converting the objects to Ember.Objects and using their set/get, but that doesn't solve the problem.

Note that I am working with versions

Ember Inspector 1.8.2 Ember 1.13.3 Ember Data 1.13.5 jQuery 1.11.3