How to remove <hr/> for 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 list item. Can anybody help me do this please?

Answer 1

The ng-repeat directive comes with some extra properties like $last, which indicates that you're on the last item of your collection.

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

More info in the docs.