Ich lerne AngularJS. Ich bin auf etwas gestoßen, das ich nicht erklären kann, und ich kann auch keine Erklärung für (oder Lösung) finden.

Ich habe eine einfache AngularJS-App und versuche, eine zu binden<span contenteditable="true"> auf einen Wert, aber es funktioniert nicht. Z.B:

<!-- 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>

Wie kann ich dafür sorgen, dass die letzte Spanne eine bidirektionale Bindung verwendet, sodass die Bearbeitung des Werts chunk.value aktualisiert und umgekehrt?