ng-repeat mit Eingabe Textfeld verfolgen von $ index

Question

Ich schreibe eine Anwendung, wo ein div holds datepicker, 2 timepicker und ein Eingabetextfeld. und ich habe ein Kontrollkästchen außerhalb von div. Jedes Mal, wenn ich ein Kontrollkästchen ankreuze, wird ein div des Datumsortes hinzugefügt. Meine Anwendung funktioniert gut außer meinem Eingabefeld Wert. ng-Modell nicht den Text-Box-Wert hält

<div class="dateContainer" ng-repeat="selecting in selects track by $index"> 
    <div class="datePicker"> 
    <button bs-datepicker> 
     --- some code 
    </button> 
    </div> 
    <div class="timePicker"> 
    <button bs-timePicker> 
     --- some code 
    </button> 
    </div> 
    <label class="configLocation" for="configLoc">Location</label> 
    <input class = "form-control"type="text" ng-change ="DateArr($index)" style="font-weight: normal;"name ="configLocation" class="configLocation" ng-model = "selects[$index].configLoc" /> 
</div> 

hielt ich meine Modellnamen wählen [$ index] .configLoc, da ich auf jedem Indexwert basierend zu sparen versuchen.

Mein Controller- Ich initialisiere $ scope.selects wie unten.

$scope.selects = [{commDate : null,commEtime: null,commStime: null,configLoc: ''}]; 

wenn ich rufe DateArr ($ index) auf Änderungsereignis nicht in der Lage ist, den eingegebenen Wert $ scope.selects [0] .configLoc bekommen ?? Wert zeigt immer ''. Warum??

Answer 1

Sie $ Index in ng-Repeat oder ng-Modell verwenden ... nur ändern:

ng-repeat="selecting in selects" 
    (or) 
ng-model="selecting.configLoc" 

Answer 2

Für jede ng-Wiederholung wird ein neuer Bereich mit dem wiederholten Element erzeugt, d.

ng-model = "selects[$index].configLoc" 

wird

ng-model = "selecting.configLoc"