angularjs - Elegant solution for a dynamic ng-repeat form -


i new angularjs , have following problem: want iterate on array of 'attributes' bunch of keys values stored in object.

<div ng-repeat="key in attributes">          {{key}}: <input type="text" value={{object.key}} name="{{key}}"> </div> 

this code displays correct key of {{column}} delivers no result value of {{object.column}}. phrase {{object.{{column}}}} dosn't work neither.

if run code, giving object static key of (e.g. id) works perfectly.

i go

<div>      id: <input type="text" value={{object.id}} name="id">      name: <input type="text" value={{object.name}} name="name">      value: <input type="text" value={{object.value}} name="value">      , on... </div> 

but static form not seem perfect solution.

can me?

you should -

<div ng-repeat="key in attributes">     {{key}}: <input type="text" value={{ object[key] }} name="{{ object[key] }}"> </div> 

Comments