Estoy aprendiendo AngularJS. Me he encontrado con algo que no puedo explicar, ni puedo encontrar ninguna explicación (o solución).

Tengo una aplicación AngularJS simple y estoy intentando vincular un<span contenteditable="true"> a un valor, pero no funciona. P.EJ:

<!-- Works as expected -->
<input data-ng-model="chunk.value"></input>

<!-- Shows value, but doesn't bind - changes not reflected in model -->
<span contenteditable="true">{{chunk.value}}</span>

<!-- This is empty -->
<span contenteditable="true" data-ng-model="chunk.value"></span>

¿Cómo puedo hacer que el último tramo use el enlace bidireccional, de modo que la edición de su valor actualice chunk.value y viceversa?