angularjs - How to create ng-model array with ng-repeat(number) -

i have 2 step form

on step 1 : ask user how many input form needed

that use in < input type="number" ng-model="vm.nkeys" />`

on step 2 : want create 1 input text each ng-model , name attribute in array form can capture every input box value; both not working; see relevant code , wokrking plunker below.

<div ng-show="vm.step == 2" ng-form="vm.step2form" class="step-content body" >       <div class="text-center m-t-md">          <div ng-repeat="n in [].constructor(vm.nkeys) track $index" class="form-group">             <label class="col-sm-2 control-label">{{$index+1}}</label>               <input ng-model="key_desc" name="description_{{n}}" type="text" class="form-control" >           </div>       </div> </div> 

tried ng-model="key_desc[{{$index+1}}] no success; name=description_{{$index}} not working

see demo plunker

what need do?

have @ sample snippet below:

<div ng-repeat="item in getnumber(key) track $index">   <input type="text" ng-model="text[$index]" name="input_{{$index}}" />   <span ng-if="text[$index]">   - {{text[$index]}}   </span> </div> 

refer demo here.

see code now:

<div ng-repeat="n in vm.getnumber(vm.nkeys) track $index" class="form-group">    <!-- other stuff -->    <input id="location" ng-model="key_desc[$index]" name="description_{{n}}" type="text" class="form-control" > </div> 

see code here.