title: AngularJS one-way binding not working properly
body: <p>I'm trying to bind an input (one-way), whoever if I change its value its no longer binding properly</p>
  
  <pre><code>    //controller =&gt; on row click =&gt; change input
      $scope.getNote = function (note)
      {
          $scope.currentNote = note;
      };
  
     //view
     &lt;input type="text"  value="{{currentNote.Title}}" &gt;
  </code></pre>
  
  <p>This is the scenario, getNote is being called and the input is being filled properly. However, when I change the value of the input and call getNote again the input doesn't show the new value even tho its value attribute contains the correct value. So somehow its not showing the correct value to the end user.</p>
  
  <p>eg: <br>
  1- First Value from GetNote = "Hello World" <br >
  2- I change the value of the input to "Foo" as a normal user<br>
  3- Call GetNote again and the I get value="Hello World" but on the screen it displays "Foo"<br></p>
  
  <p><br>
  <strong>Hack Solution:</strong></p>
  
  <pre><code>//controller object value copy using jquery
  $scope.currentNote = jQuery.extend({}, note);
  
  //view
  &lt;input type="text"  ng-model="currentNote.Title" &gt;
  </code></pre>
  
  <p><br>
  <strong>Am hoping for an Elegant solution</strong></p>