title: Angular JS: Input box losing focus on keypress
body: <p>the mock data I am using for populating data is </p>
  
  <pre><code>"StudentDetails":
  [
       {
          "name": "name1",
          "code":"code1",
              "fields": {
              "username": "username1",
              "password": "sample",
              "key": 4513345667878
          }
      },
      {
          "name": "name2",
          "code":"code2",
          "fields": {
              "username": "username2",
              "secretkey": 1213145
          }
      }
  ]
  </code></pre>
  
  <p>and I am populating it using the following template code</p>
  
  <pre><code>&lt;div ng-repeat="item in StudentDetails"&gt;
  &lt;div ng-repeat="(key,value) in StudentDetails.fields"&gt;
  &lt;div&gt;&lt;/div&gt;
  &lt;div&gt;&lt;input type="text" ng-model="StudentDetails.fields[key]"/&gt;&lt;/div&gt;&lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>The parameters in the fields changes for every object.
  The problem here is on a single keypress in the input box,the input box is losing focus.I had to click inside the input box repeatedly for entering the data.
  How can I change the value in the input box without the box losing focus.
  I have used "track by key" ...and also tried various answers posted to the similar questions in StackOverflow,but that didn't help
  Please help with this scenario..!! </p>