AngularJS中的$ index索引

Question

我想在我的应用程序中使用datepicker实现不同的日期。我有一个复选框，如果用户选中该复选框，然后添加日期。 但似乎索引跟踪不起作用。

这里是我的代码 -

<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> 

上方选择日期代码正在调用一个函数getMinTime(index)，但指标显示在我的控制器定义。

我的控制器 -

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

// here index is showing undefined 
} 

我想执行基于索引值的一些操作。假设我添加了4个日期。我在这里做什么？任何建议？

Answer 1

您需要通过$index作为一个参数不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 -->