title: AngularJS - ng-model fails on contenteditable <span>
body: <p>I'm learning AngularJS.  I've come across something I can't explain, nor can I find any explanation for (or solution).</p>
  
  <p>I have a simple AngularJS app and I am attempting to bind a <code>&lt;span contenteditable="true"&gt;</code> to a value, but it doesn't work.  EG:</p>
  
  <pre><code>&lt;!-- Works as expected --&gt;
  &lt;input data-ng-model="chunk.value"&gt;&lt;/input&gt;
  
  &lt;!-- Shows value, but doesn't bind - changes not reflected in model --&gt;
  &lt;span contenteditable="true"&gt;{{chunk.value}}&lt;/span&gt;
  
  &lt;!-- This is empty --&gt;
  &lt;span contenteditable="true" data-ng-model="chunk.value"&gt;&lt;/span&gt;
  </code></pre>
  
  <p>How can I make the last span use 2-way binding, such that editing its value updates chunk.value and vice versa?</p>