Angular directive not renamed with ng-repeat

Question

I have a directive ct-steps-tooltipfor an element along with the ng-repeatfollowing:

<div id='courseSteps' 
     class='relative ease {{step.action.toLowerCase()}}' 

     ng-repeat='step in currentItem.userData.steps | filter:{action: filterSteps} track by $index' 
     ng-class='{"completed": step.endDate, "pointer": step.action==="Submit" && !step.endDate}' 
     ng-click='getRelated(step, $index)'

     ct-steps-tooltip 
     ct-step-name="step.stepName" 
     ct-step-description="step.description" 
     ct-action="step.action" 
     ct-value-text="step.valueText" 
     ct-quantity='steps.length' 
     ct-completed='currentItem.steps.completedSteps' 
     ct-start-date='step.startDate' 
     ct-end-date='step.endDate'>

    <div ng-show='step.endDate' class="stepCompleteCheck absolute"></div>
    <div> {{ step.stepName }} </div>
</div>

, / currentItem.userData.steps ( currentItem, ). , . : " !" . - ct-steps-tooltip ( " " link). , ?

: , , IS . 10% . .

Answer 1

, ngRepeat track by $index.

currentItem steps , .

angular , $index $index. track by , .

track by / , . , 100 , ( track by), 101 . track by book.id, angular, 100 dom , .