Checkboxes with bindAttr checked don't update controller when clicked

[pixelcort]

http://jsfiddle.net/pixelcort/PLPNQ/

According to emberjs.com, I should be able to do the following:

<input type="checkbox" {{bindAttr checked="isSelected"}}>

This works in terms of setting up the checked property, but when the checkbox is clicked the other side doesn't get updated.

I see there is an Ember.Checkbox. Should I be using that instead? If so, the emberjs.com website should not show the example above.

[wagenet]

There are two problems here. 1) bindAttr is one directional. 2) the checked property is not updated on dom when the checkbox is checked, it just specifies the original state.

Solution: use Ember.Checkbox.

[pixelcort]

emberjs/website#46 clarifies in documentation.