Question

jsFiddle to demonstrate the problem: http://jsfiddle.net/yoxigen/xxTJc/

I’m building a small form to edit all of an object’s properties. For that, I have a repeater for the properties. Each property has its input:

<ul ng-controller="myController">
   <li ng-repeat="(property, value) in obj">
       <input ng-model="obj[property]"/><span>{{value}}</span>
   </li>
</ul>

Each time a key is pressed in an input, the value next to it updates properly, but the input loses focus. Any idea how this can be fixed?

Answer 1

From the google forums:

The problem is that with every change to the model object the
ng-repeat regenerates the whole array and so blurs your input box.
What you need to do is wrap your strings in objects