title: HTML input has both {{}} and ng-model
body: <p>I have a form which contains two input fields, I want to sync the next input field when user is typing in the first input field by default, and user can edit the second field as they like, below code works fine:</p>
  <pre><code>    &lt;input type=&quot;text&quot; ng-model=&quot;name&quot;&gt;
      &lt;input type='text' value='{{name}}'&gt;
      &lt;button ng-click='submit()'&gt;submit&lt;/button&gt;
  </code></pre>
  <p>However, to be able to get the value of second field, I need to put <code>ng-model</code> to  the second field, and once I put <code>ng-model</code>, it won't sync anymore.</p>
  <p><a href="https://jsfiddle.net/e6huv83n/" rel="nofollow noreferrer">This is the example</a></p>
  <p>How should I get the second field's value if I don't put a <code>ng-model</code> to it.</p>
  <p>Thank you.</p>