As a newcomer to angular, I am attempting to create a form with multiple input boxes that will capture user inputs. The number of input boxes is dependent on a dynamic JSON object. I am using an ng-repeat to generate the structure, but I am encountering an issue where only one input box is displayed when I assign the ng-model field.
<td ng-repeat="(key, value) in personType.requirements">
<label for="{{key}}">{{key}}:</label> <input type="text" id="{{key}}" value="{{value}}" ng-model="newReg.{{key}}"></td>
<td><button id='finalizePerson' ng-click="register(newReg)">Register</button></td>