AngularJS - ng-модель терпит неудачу на contenteditable <span>
Я изучаю AngularJS. Я столкнулся с чем-то, что не могу объяснить, и не могу найти объяснения (или решения).
У меня есть простое приложение AngularJS, и я пытаюсь связать<span contenteditable="true"> к значению, но это не работает. НАПРИМЕР:
<!-- 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>
Как я могу заставить последний диапазон использовать двустороннюю привязку, чтобы при редактировании его значения обновлялся chunk.value и наоборот?