How to remove <hr / "> for the last li in angular ng-repeat

Question

Here is my angular view

<li class= "riskmanagementlink" ng-repeat="link in links">
  <h3> {{link.Description}}   </h3> 
  <a> {{link.Title}} </a>
  <hr/>
</li>

I would like to remove the hr tag for the last item in the list. Can someone help me do this please?

Answer 1

The directive ng-repeatcomes with some additional properties, such as $last, which indicates that you are in the last element of your collection.

<li class="riskmanagementlink" ng-repeat="link in links">
  <h3> {{ link.Description }} </h3> 
  <a> {{ link.Title }} </a>
  <hr ng-if="!$last" />
</li>

Additional information in docs .