AngularJS - o modelo ng falha em <span> editável por conteúdo
Estou aprendendo o AngularJS. Encontrei algo que não consigo explicar, nem encontro qualquer explicação para (ou solução).
Eu tenho um aplicativo AngularJS simples e estou tentando vincular um<span contenteditable="true">
para um valor, mas não funciona. POR EXEMPLO:
<!-- 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>
Como posso fazer com que o último período use a ligação bidirecional, de modo que editar seu valor atualize chunk.value e vice-versa?