title: Two way binding of contenteditable item inside ng-list
body: <p>I am looking to update Phone Name in a list of phones using contenteditable attribute. I have tried using ng-change but thats not getting fired. Is there any way I can do this?</p>
  
  <p>I have a list of <code>Store.Phones</code></p>
  
  <pre><code>&lt;ul class="store"&gt;
    &lt;li ng-repeat="Phone in Store.Phones"&gt;
       &lt;strong contenteditable&gt; {{Phone.Name}}&lt;/strong&gt;
    &lt;/li&gt;
  &lt;ul&gt;
  </code></pre>
  
  <p>So now when I edit Phone name I need to get it updated in the list.</p>
  
  <p>I have tried something like this with model pointing to the element. This is not working.</p>
  
  <pre><code>&lt;strong ng-model='Store.Phones[$index].Name'&gt; {{Phone.Name}}&lt;/strong&gt;
  </code></pre>
  
  <p>Also</p>
  
  <pre><code>&lt;strong ng-model='PhoneName' ng-change='PhoneNameChanged()'&gt; {{Phone.Name}}&lt;/strong&gt;
  </code></pre>
  
  <p>but in this case the method is not getting fired.</p>