Track von $ Index in AngularJS

Question

Ich versuche, verschiedene Datumsangaben mit Datepicker in meiner Anwendung zu implementieren. Ich habe ein Ankreuzfeld, wenn der Benutzer das Kontrollkästchen aktiviert und dann die Daten hinzufügt. Aber es scheint Spur für Index nicht zu funktionieren.

Hier ist mein Code-

<div class="form-group">  
    <label>6. Enter Onsite Details(Up to 4)</label> <br> 
     <div ng-repeat="selecting in selects track by $index" > 
      <div class="datePicker"> 
       <button 
       bs-datepicker 
       class="btn btn-info" id="comm_cal_bttn" 
       name="date" 
       data-animation="am-flip-x" 
       data-autoclose="true" 

       ng-blur="getMinTime(index);" 
       ng-model="selects[index].commDate"> 
        <i class="fa fa-fw fa-calendar" aria-hidden="true"></i> Date 
       </button> 
       &nbsp; 
       <p ng-show="selects[index].commDate"> 
        {{selects[index].commDate}} <span class="text-muted"> {{selects[index].commDate}}</span> {{combinedTime.format('h:mm A')}} 
       </p> 
      </div> 
      <input type="checkbox" ng-click="addMore(keyAdd);" ng-model="keyAdd"> 
      <label for="dateCheck">Add Additional</label> 

</form> 

obiger Code auf ein Datum auszuwählen ist eine Funktion getMinTime(index) Aufruf aber Index in meinem Controller nicht definiert ist, zeigt.

Mein controller-

$scope.selects = [{commDate : null}]; 
$scope.getMinTime = function(index){ 

// here index is showing undefined 
} 

ich auf dem Indexwert basierend eine Operation ausgeführt werden soll. Angenommen, ich habe 4 Daten hinzugefügt. Was mache ich hier hier? Irgendein Vorschlag?

Answer 1

Sie benötigen $index als Parameter nicht index

<!-- other code --> 

<div class="form-group"> 
    <label>6. Enter Onsite Details(Up to 4)</label> 
    <br> 
    <div ng-repeat="selecting in selects track by $index"> 
    <div class="datePicker"> 
     <button bs-datepicker class="btn btn-info" id="comm_cal_bttn" name="date" data-animation="am-flip-x" data-autoclose="true" ng-blur="getMinTime($index);" ng-model="selects[$index].commDate"> 
     <i class="fa fa-fw fa-calendar" aria-hidden="true"></i> Date 
     </button> 
     &nbsp; 
     <p ng-show="selects[$index].commDate"> 
     {{selects[$index].commDate}} <span class="text-muted"> {{selects[$index].commDate}}</span> {{combinedTime.format('h:mm A')}} 
     </p> 
    </div> 
    <input type="checkbox" ng-click="addMore(keyAdd);" ng-model="keyAdd"> 
    <label for="dateCheck">Add Additional</label> 

    <!-- other code -->